:root{--bg:#000;--panel:#080808;--surface:#111;--text:#fff;--muted:#555;--accent:#6366f1;--accent2:#8b5cf6;--border:#1e1e1e}:where(button.vpill,button.mini-toggle,button.radius-pill,button.fx-tab){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:10000;align-items:center;justify-content:center}.modal-kutu{background:#111;border:1px solid #333;padding:2rem;border-radius:15px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 50px #00000080}.modal-baslik{color:#fff;margin:0 0 1rem}.modal-qr{background:#fff;padding:15px;border-radius:10px;display:inline-block;margin-bottom:1rem}.modal-adres{background:#000;padding:10px;border:1px solid #222;border-radius:8px;margin-bottom:1rem;word-break:break-all}.modal-adres-etiket{color:#888;display:block;margin-bottom:5px}.modal-link{color:var(--accent);text-decoration:none;font-family:Space Mono,monospace;font-size:.75rem}.modal-durum{display:block;color:var(--accent);text-decoration:none;font-size:.7rem;margin-bottom:1rem}.modal-kapat{background:#333;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;width:100%;font:inherit}.modal-kapat:hover{background:#444}.qr-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1000;align-items:center;justify-content:center}.qr-modal-content{background:#111;border-radius:16px;padding:1rem;text-align:center;max-width:280px;border:1px solid #2a2a2a}.qr-modal-content canvas,.qr-modal-content img{margin:.5rem auto;background:#fff;border-radius:8px;padding:8px}.qr-close{margin-top:.5rem;background:#222;border:none;color:#ccc;padding:.4rem 1rem;border-radius:6px;cursor:pointer}{margin:0;padding:0;box-sizing:border-box}input[type=text],input[type=url],input[type=email],input[type=search],input[type=number],input[type=tel],select,textarea{box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);display:grid;grid-template-columns:360px 1fr 360px;height:100vh;overflow:hidden}.panel{background:var(--panel);border-right:1px solid var(--border);padding:1.2rem 1.2rem 0;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto}.panel::-webkit-scrollbar{width:3px}.panel::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.panel-right{background:var(--panel);border-left:1px solid var(--border);padding:1.2rem 1.2rem 0;display:flex;flex-direction:column;gap:.6rem;overflow-y:auto}.panel-right::-webkit-scrollbar{width:3px}.panel-right::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.brand h1{font-size:1.1rem;font-weight:800;letter-spacing:-.02em}.version-badge{font-family:Space Mono;font-size:.45rem;padding:.2rem .5rem;background:linear-gradient(135deg,var(--accent),var(--accent2));border-radius:20px;color:#fff}.section{background:#0d0d0d;border:1px solid var(--border);border-radius:8px;padding:.8rem}.section-title{font-size:.5rem;color:#444;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-family:Space Mono}.template-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem}.tpl-card{background:#111;border:1px solid #1e1e1e;border-radius:6px;padding:.45rem .2rem;text-align:center;cursor:pointer;transition:all .15s}.tpl-card:hover{border-color:#444;background:#161616}.tpl-card.active{border-color:var(--accent);background:#6366f11a}.tpl-icon{font-size:.95rem;display:block;margin-bottom:.1rem;line-height:1}.tpl-name{font-size:.4rem;color:#888;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block;text-align:center}.tpl-card.active .tpl-name{color:var(--accent)}.tpl-hint{font-size:.45rem;color:#333;margin-top:.5rem;line-height:1.4;min-height:2em}.tpl-hint span{color:#555}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.input-group label{display:block;font-size:.5rem;color:#444;margin-bottom:.2rem;text-transform:uppercase;letter-spacing:.05em}.input-group input{width:100%;background:#000;border:1px solid #222;color:#ccc;padding:.4rem .5rem;border-radius:5px;font-size:.65rem;font-family:Space Mono;transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--accent);color:#fff}.input-group input::placeholder{color:#333}.upload-wrap{position:relative}.upload-box{border:1px dashed #2a2a2a;border-radius:6px;padding:.6rem;text-align:center;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;min-height:52px}.upload-box:hover,.upload-box:focus-within{border-color:var(--accent);outline:none}.upload-box img{width:36px;height:36px;object-fit:cover;border-radius:4px}.upload-text{font-size:.55rem;color:#444}.remove-btn{position:absolute;top:4px;right:4px;background:#ff4757;color:#fff;border:none;border-radius:50%;width:16px;height:16px;font-size:.55rem;cursor:pointer;display:none;align-items:center;justify-content:center}.upload-wrap:hover .remove-btn.visible{display:flex}.gizli-girdi{position:fixed;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0;pointer-events:none}.dna-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.dna-slot{background:#000;border:1px solid #1a1a1a;border-radius:5px;padding:.3rem .4rem}.dna-label{font-size:.4rem;color:#333;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:.15rem}.dna-val{font-family:Space Mono;font-size:.5rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.dna-val.lit{color:var(--accent)}.gen-btn{width:100%;padding:.65rem;border:none;color:#fff;font-weight:700;font-size:.7rem;border-radius:7px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,var(--accent),var(--accent2));position:relative;overflow:hidden}.gen-btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .2s}.gen-btn:hover:after{background:#ffffff14}.gen-btn:disabled{opacity:.4;cursor:not-allowed}.statusbar{display:flex;justify-content:space-between;font-size:.5rem;color:#333;font-family:Space Mono;padding-top:.4rem}.score-panel{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0 .35rem;border-bottom:1px solid #111;margin-bottom:.4rem}.score-left{display:flex;flex-direction:column;gap:2px}.score-label{font-size:.38rem;color:#333;text-transform:uppercase;letter-spacing:.1em;font-family:Space Mono}.score-stat{font-size:.42rem;color:#444;font-family:Space Mono}.score-stat.active{color:var(--accent)}.score-number{font-family:Space Mono;font-size:2rem;font-weight:700;line-height:1;color:#1a1a1a;transition:color .4s,text-shadow .4s;letter-spacing:-.04em}.score-number.scored{color:var(--accent);text-shadow:0 0 20px var(--accent)66}.score-grade{font-size:.45rem;font-family:Space Mono;font-weight:700;padding:.1rem .35rem;border-radius:3px;border:1px solid #222;background:#111;color:#444;transition:all .4s;align-self:flex-end;margin-bottom:.2rem}.score-grade.s{border-color:gold;color:gold;background:#ffd70011}.score-grade.a{border-color:var(--accent);color:var(--accent);background:#6366f11a}.score-grade.b{border-color:#22c55e;color:#22c55e;background:#22c55e11}.score-grade.c{border-color:#f59e0b;color:#f59e0b;background:#f59e0b11}.feature-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #111}.feature-row:last-child{border-bottom:none}.feature-label{font-size:.55rem;color:#888;display:flex;align-items:center;gap:.4rem}.feature-label b{color:#bbb;font-weight:600}.feature-label small{font-size:.42rem;color:#444}.mini-toggle{width:32px;height:18px;border-radius:9px;background:#222;position:relative;cursor:pointer;transition:background .2s;border:1px solid #333;flex-shrink:0}.mini-toggle.on{background:var(--accent)}.mini-toggle .mt-dot{width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 3px #00000080}.mini-toggle.on .mt-dot{transform:translate(14px)}.offline-bar{height:0;overflow:hidden;background:#92400e;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.55rem;color:#fde68a;transition:height .25s;flex-shrink:0;font-family:Space Mono}.offline-bar.show{height:28px}.pwa-status-row{display:flex;align-items:center;gap:.5rem}.status-dot{width:6px;height:6px;border-radius:50%;background:#333}.status-dot.green{background:#22c55e;box-shadow:0 0 4px #22c55e88}.status-dot.yellow{background:#f59e0b;box-shadow:0 0 4px #f59e0b88}.status-dot.red{background:#ef4444}.history-row{display:flex;gap:.4rem;align-items:stretch}.panel-footer{position:sticky;bottom:0;z-index:10;background:var(--panel);padding:.6rem 0 1.5rem;border-top:1px solid #1a1a1a;flex-shrink:0}.history-row .gen-btn{flex:1}.panel-right .gen-btn{display:block;width:100%;max-width:235.6px;margin:0 auto}.undo-btn{background:#111;border:1px solid #222;color:#666;border-radius:7px;cursor:pointer;font-size:.75rem;padding:0 .7rem;transition:all .2s;flex-shrink:0;font-family:Space Mono}.undo-btn:hover:not(:disabled){border-color:#555;color:#ccc;background:#1a1a1a}.undo-btn:disabled{opacity:.25;cursor:not-allowed}.undo-btn:active:not(:disabled){transform:scale(.95)}.dna-slot{position:relative}.lock-btn{position:absolute;top:3px;right:3px;background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;padding:1px;opacity:.22;transition:opacity .15s,color .15s;color:var(--muted)}.lock-btn:hover{opacity:.75}.lock-btn.locked{opacity:1;color:var(--accent)}.dna-slot.locked{border-color:var(--accent)44!important;background:#08081a}.dna-slot.locked .dna-label{color:var(--accent)88}.dna-slot.locked .dna-val{color:var(--accent)!important}.editor-row{display:flex;align-items:center;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid #0f0f0f}.editor-row:last-child{border-bottom:none}.editor-label{font-size:.5rem;color:#666}.color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid #333;cursor:pointer;overflow:hidden;position:relative;flex-shrink:0}.color-swatch input[type=color]{position:absolute;inset:0;width:140%;height:140%;opacity:0;cursor:pointer;border:none;padding:0}.font-select{background:#000;border:1px solid #222;color:#888;font-size:.5rem;padding:.2rem .35rem;border-radius:4px;font-family:Space Mono;cursor:pointer;max-width:120px}.font-select:focus{outline:none;border-color:var(--accent);color:#ccc}.radius-group{display:flex;gap:.25rem}.radius-pill{font-size:.45rem;padding:.2rem .45rem;border-radius:3px;border:1px solid #222;background:#111;color:#444;cursor:pointer;transition:all .15s;font-family:Space Mono}.radius-pill:hover{border-color:#444;color:#888}.radius-pill.on{border-color:var(--accent);color:var(--accent);background:#6366f11a}.editor-reset{font-size:.45rem;color:#333;border:none;background:none;cursor:pointer;font-family:Space Mono;padding:.1rem .3rem;border-radius:3px;transition:all .15s;margin-top:.3rem;width:100%;text-align:center}.editor-reset:hover{color:#888;background:#111}.override-badge{font-size:.38rem;color:var(--accent);font-family:Space Mono;margin-left:.3rem;opacity:.8}.variants-group{margin-bottom:.6rem}.variants-group:last-child{margin-bottom:0}.variants-group-label{font-size:.45rem;color:#444;text-transform:uppercase;letter-spacing:.08em;font-family:Space Mono;margin-bottom:.3rem;display:flex;align-items:center;justify-content:space-between}.variant-pills{display:flex;gap:.25rem;flex-wrap:wrap}.vpill{font-size:.45rem;padding:.22rem .55rem;border-radius:4px;border:1px solid #1e1e1e;background:#0d0d0d;color:#444;cursor:pointer;transition:all .15s;font-family:Space Mono;white-space:nowrap}.vpill:hover{border-color:#444;color:#888}.vpill.on{border-color:var(--accent)66;color:var(--accent);background:#6366f11a}.vpill.default-pill{opacity:.5}.vpill.default-pill.on{opacity:1}.fx-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.fx-card{background:#000;border:1px solid #1a1a1a;border-radius:6px;padding:.45rem .5rem;cursor:pointer;transition:all .15s;display:flex;align-items:flex-start;gap:.35rem}.fx-card:hover{border-color:#333;background:#0a0a0a}.fx-card.fx-active{border-color:var(--accent)66;background:#6366f112}.fx-icon{font-size:.8rem;flex-shrink:0;line-height:1;margin-top:1px}.fx-info{flex:1;min-width:0}.fx-name{font-size:.5rem;font-weight:600;color:#888;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-card.fx-active .fx-name{color:var(--accent)}.fx-desc{font-size:.42rem;color:#333;line-height:1.3}.fx-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-top:3px}.fx-layer{font-size:.38rem;color:#2a2a2a;font-family:Space Mono;text-transform:uppercase}.fx-card.fx-active .fx-layer{color:var(--accent)66}.fx-card.fx-cdn{border-color:#f59e0b18}.fx-card.fx-cdn:hover{border-color:#f59e0b44}.fx-card.fx-cdn.fx-active{border-color:#f59e0b66;background:#f59e0b12}.fx-tabs{display:flex;gap:.25rem;margin-bottom:.5rem;overflow-x:auto;scrollbar-width:none}.fx-tabs::-webkit-scrollbar{display:none}.fx-tab{font-size:.45rem;color:#444;padding:.15rem .4rem;border-radius:3px;cursor:pointer;border:1px solid transparent;white-space:nowrap;font-family:Space Mono;transition:all .15s}.fx-tab:hover{color:#888}.fx-tab.on{color:var(--accent);border-color:var(--accent)44;background:#6366f114}.viewport{display:flex;flex-direction:column;background:#020202;position:relative}.toolbar{height:38px;background:#000;border-bottom:1px solid #111;display:flex;justify-content:flex-start;align-items:center;padding:0 1rem;flex-shrink:0;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex-shrink:0;min-width:0}.toolbar-left{display:flex;align-items:center;gap:.8rem}.live-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tool-btn{background:#0d0d0d;border:1px solid #222;color:#666;padding:.25rem .6rem;border-radius:4px;font-size:.55rem;cursor:pointer;font-family:Space Mono;transition:all .15s}.tool-btn:hover{border-color:#444;color:#ccc}.stage{flex:1;display:flex;justify-content:center;align-items:center;padding:1rem;overflow:hidden;background:#040404;background-image:radial-gradient(circle at 50% 50%,#0d0d0d,#040404 70%)}.phone{width:375px;height:750px;background:#000;border-radius:38px;border:6px solid #1c1c1c;box-shadow:0 0 0 1px #111,0 30px 80px #000000e6,inset 0 0 0 1px #222;overflow:hidden;position:relative;flex-shrink:0}.phone:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:90px;height:22px;background:#000;border-radius:20px;z-index:20}iframe{width:100%;height:100%;border:none;display:block}.drawer{position:absolute;bottom:0;left:0;right:0;height:42%;background:#060606;border-top:1px solid #1a1a1a;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:30;display:flex;flex-direction:column}.drawer.open{transform:translateY(0)}.drawer-head{padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;flex-shrink:0}.drawer-head span{font-family:Space Mono;font-size:.5rem;color:#444}.copy-btn{background:#1a1a1a;border:1px solid #333;color:#888;padding:.15rem .5rem;border-radius:3px;cursor:pointer;font-size:.45rem;font-family:Space Mono}.code{flex:1;padding:.8rem 1rem;font-family:Space Mono;font-size:.45rem;color:#555;overflow:auto;white-space:pre-wrap;line-height:1.6}.tpl-variants{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.5rem;padding-top:.4rem;border-top:1px solid #1a1a1a}.tpl-vpill{font-size:.42rem;padding:.2rem .5rem;border-radius:4px;border:1px solid #1e1e1e;background:#0d0d0d;color:#444;cursor:pointer;transition:all .15s;font-family:Space Mono;white-space:nowrap;user-select:none}.tpl-vpill:hover{border-color:#555;color:#999;background:#111}.tpl-vpill.on{border-color:var(--accent)66;color:var(--accent);background:#6366f11f}.panel-right>.section:first-child{position:sticky;bottom:0;z-index:10;order:9;margin-top:auto;flex-shrink:0;background:var(--panel);border-top:1px solid #1a1a1a;margin-bottom:0;padding:.6rem 0 calc(.9rem + env(safe-area-inset-bottom))}.mobil-tut,.mobil-scrim{display:none}@media(max-width:1024px){body{display:block;height:100dvh;overflow:hidden}.viewport{height:100dvh}.stage{order:1;min-height:0}.offline-bar{order:2}.toolbar{order:3;border-bottom:0;border-top:1px solid #111;padding-bottom:max(.3rem,env(safe-area-inset-bottom))}html,body{max-width:100%;overflow-x:hidden}.toolbar{flex-wrap:nowrap;height:auto;min-height:38px;padding:.28rem .4rem;gap:.25rem;min-width:0;overflow-x:auto;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{min-width:0;flex-shrink:0}.toolbar-left{width:auto;gap:.4rem}.toolbar-left>span{display:none}.toolbar>div,.pwa-status-row{flex-wrap:nowrap}.tb-yazi{display:none}.tool-btn{padding:.3rem .5rem;font-size:.7rem}.stage{padding:0}.phone{width:100%;height:100%;border-radius:0;border:0;box-shadow:none}.phone:before{display:none}.panel,.panel-right,.mobil-tut{box-sizing:border-box}.panel,.panel-right{position:fixed;top:0;bottom:0;width:min(340px,86vw);z-index:70;background:var(--panel);transition:transform .28s cubic-bezier(.4,0,.2,1)}.panel{left:0;border-right:1px solid var(--border);transform:translate(-100%)}.panel-right{right:0;border-left:1px solid var(--border);transform:translate(100%)}.panel.on,.panel-right.on{transform:none}.drawer{z-index:75}.mobil-tut{display:flex;position:fixed;z-index:80;width:26px;height:40px;align-items:center;justify-content:center;border-radius:13px;cursor:pointer;background:#0a0a0eeb;border:1.5px solid #3a3a48;color:#e6e6ee;font-size:.66rem;padding:0;box-shadow:0 5px 16px #000c;transition:left .28s cubic-bezier(.4,0,.2,1),right .28s cubic-bezier(.4,0,.2,1)}.mobil-tut:before{content:"";position:absolute;inset:-6px;border-radius:19px}#tut-sol{top:calc(50% - 48px);left:0}#tut-sag{top:calc(50% + 8px);right:0}.mobil-scrim{display:block;position:fixed;inset:0;z-index:60;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .28s}.mobil-scrim.on{opacity:1;pointer-events:auto}}@media(min-width:1025px)and (max-width:1440px){.tb-yazi{display:none}.tool-btn{padding:.3rem .5rem;font-size:.7rem}}@media(min-width:1441px)and (max-width:1920px){html{font-size:17px}body{grid-template-columns:400px 1fr 400px}}@media(min-width:1921px){html{font-size:18px}body{grid-template-columns:440px 1fr 440px}}