:root{--bg:#f5f6f8;--panel:#fff;--panel-soft:#f7f7f9;--text:#17181c;--muted:#6f727a;--line:#e6e7eb;--primary:#5b5ce2;--primary-dark:#4748c9;--danger:#b42318;--success:#157347;--shadow:0 14px 40px rgba(21,24,31,.08);--radius:18px;--sidebar:242px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.03;letter-spacing:-.045em;margin-bottom:12px}h2{letter-spacing:-.025em}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:800;color:var(--primary);margin:0 0 10px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);padding:24px 18px;background:#15161a;color:#f8f8fa;display:flex;flex-direction:column;z-index:30}.brand-lockup{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.02em}.brand-lockup>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#7f80ff,#5354dc);color:white;box-shadow:0 8px 20px rgba(91,92,226,.35)}.sidebar .brand-lockup{padding:0 10px 24px}.sidebar nav{display:grid;gap:4px;margin-top:16px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:#aeb1bb;font-size:.92rem;font-weight:650}.sidebar nav a i{font-style:normal;width:20px;text-align:center;color:#7e828e}.sidebar nav a:hover,.sidebar nav a.active{background:#26272d;color:white}.sidebar nav a.active i{color:#9899ff}.nav-count{margin-left:auto;min-width:22px;height:22px;border-radius:99px;background:#5859db;display:grid;place-items:center;font-size:.72rem;color:white}.sidebar-foot{margin-top:auto;display:grid;gap:12px}.user-chip{display:flex;gap:10px;align-items:center;padding:11px 10px;border-top:1px solid #292b31}.user-chip>div,.avatar{width:34px;height:34px;border-radius:50%;background:#e8e8ff;color:#5051cc;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.user-chip span{min-width:0;display:grid}.user-chip strong{font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{font-size:.71rem;color:#90949f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{margin-left:var(--sidebar);padding:38px 44px 80px;min-height:100vh;max-width:1700px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:32px}.page-head.compact h1{font-size:2.35rem}.page-head p:last-child{color:var(--muted);margin-bottom:0}.head-actions{display:flex;gap:10px;align-items:center}.primary,.secondary,.quiet,.danger,.small-btn,.icon-btn{border:0;border-radius:12px;min-height:42px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750}.primary{background:var(--primary);color:white;box-shadow:0 9px 20px rgba(91,92,226,.22)}.primary:hover{background:var(--primary-dark)}.primary.large{min-height:50px}.secondary{background:white;border:1px solid var(--line);color:var(--text)}.secondary:hover,.quiet:hover{background:#f1f2f5}.quiet{background:transparent;color:inherit}.danger{background:#fff1f0;color:var(--danger);border:1px solid #ffd4d0}.full{width:100%}.center{text-align:center}.icon-btn{width:38px;min-height:38px;padding:0;background:#f3f3f5;color:#4d5057}.small-btn{min-height:34px;padding:0 12px;background:#f1f1f4;font-size:.82rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 7px 22px rgba(28,30,38,.04);transition:.2s}.project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.project-cover{height:178px;background:linear-gradient(145deg,#f0f1f5,#fafaff);padding:16px;display:block}.browser-dots{display:flex;gap:5px;margin-bottom:20px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#c7c9d1}.cover-lines{height:125px;background:white;border-radius:11px;padding:25px 27px;box-shadow:0 8px 24px rgba(42,44,55,.08)}.cover-lines b,.cover-lines span,.cover-lines em{display:block;border-radius:99px}.cover-lines b{height:11px;width:64%;background:#242630;margin-bottom:11px}.cover-lines span{height:5px;width:78%;background:#d7d9df;margin:6px 0}.cover-lines span:nth-child(3){width:61%}.cover-lines em{height:22px;width:29%;background:#6768e8;margin-top:16px}.project-info{padding:18px 19px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.project-info h2{font-size:1.18rem;margin:9px 0 5px}.project-info p{color:var(--muted);font-size:.82rem;margin:0}.project-foot{border-top:1px solid var(--line);padding:11px 19px;display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}.pill{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:99px;font-size:.68rem;font-weight:800;background:#eef0f2;color:#646870}.pill.published{background:#e9f7ef;color:#167249}.pill.draft{background:#f1f1f4;color:#6a6d75}.pill.archived{background:#fff3df;color:#92600f}.empty-panel{min-height:480px;background:white;border:1px dashed #d9dae0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px}.empty-panel.compact{min-height:270px;grid-column:1/-1}.empty-panel h2{font-size:1.6rem;margin-bottom:8px}.empty-panel p{max-width:530px;color:var(--muted);line-height:1.6}.empty-art{position:relative;width:150px;height:110px;margin-bottom:26px}.empty-art span{position:absolute;width:100px;height:72px;border-radius:12px;background:white;border:1px solid #dddfe5;box-shadow:0 14px 30px rgba(30,34,45,.08);left:25px;top:20px}.empty-art span:nth-child(1){transform:translate(-28px,10px) rotate(-8deg);background:#eeeffb}.empty-art span:nth-child(2){transform:translate(28px,10px) rotate(8deg);background:#f4f4f7}.empty-art span:nth-child(3):before{content:"+";display:grid;place-items:center;height:100%;font-size:2rem;color:var(--primary)}.project-back{color:#999da7;font-size:.78rem;padding:8px 12px;margin-top:6px}.current-project{border-top:1px solid #2a2b31;border-bottom:1px solid #2a2b31;padding:18px 12px;margin:10px 0 5px;display:grid}.current-project small{font-size:.65rem;color:#7d818b;text-transform:uppercase;letter-spacing:.1em}.current-project strong{margin:5px 0;font-size:.94rem}.status-line{display:flex;align-items:center;gap:6px;color:#9a9da7;font-size:.7rem}.status-line i{width:7px;height:7px;border-radius:50%;background:#777b85}.status-line i.published{background:#4dcc84}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metrics article{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:.76rem}.metrics strong{display:block;font-size:1.8rem;letter-spacing:-.04em;margin:8px 0 5px}.overview-grid{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 5px 18px rgba(28,31,40,.035)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.panel-head h2{margin:0;font-size:1.25rem}.progress-ring{--progress:0;width:68px;height:68px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--progress)*1%),#ececf1 0);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:white}.progress-ring span{position:relative;font-weight:800;font-size:.85rem}.checklist{display:grid;gap:7px;margin-bottom:18px}.check-item{display:flex;align-items:center;gap:9px;padding:10px 11px;background:#fafafb;border-radius:10px;color:#777a82;font-size:.85rem}.check-item span{color:#a2a5ad;font-weight:800}.check-item.done{color:#27292f}.check-item.done span{color:var(--success)}.quick-list{display:grid}.quick-list a{display:flex;align-items:center;justify-content:space-between;padding:14px 5px;border-bottom:1px solid var(--line)}.quick-list a:last-child{border-bottom:0}.quick-list span{display:grid}.quick-list b{font-size:.9rem}.quick-list small{color:var(--muted);font-size:.73rem;margin-top:3px}.quick-list i{font-style:normal;font-size:.75rem;color:var(--primary);font-weight:750}.table-panel{padding:0;overflow:hidden}.list-head,.page-row{display:grid;grid-template-columns:minmax(310px,1.7fr) .7fr .7fr .8fr auto;align-items:center;gap:14px}.list-head{padding:12px 20px;background:#fafafb;border-bottom:1px solid var(--line);color:#8a8d95;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.page-row{padding:14px 18px;border-bottom:1px solid var(--line);background:white}.page-row:last-child{border-bottom:0}.page-row.dragging{opacity:.45}.page-title-cell{display:flex;align-items:center;gap:10px;padding-left:calc(var(--level)*26px)}.drag-handle{color:#b0b3bb;cursor:grab}.page-icon{width:30px;height:30px;border-radius:8px;background:#f3f3f6;display:grid;place-items:center;color:#62656e}.page-title-cell>div{display:grid}.page-title-cell strong{font-size:.88rem}.page-title-cell small,.toggle-text{font-size:.72rem;color:var(--muted);margin-top:3px}.row-actions{display:flex;gap:7px}.funnel-canvas{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;min-height:540px;overflow-x:auto}.funnel-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.funnel-intro h2{margin-bottom:5px}.funnel-intro p{color:var(--muted);margin:0}.funnel-flow{display:flex;align-items:center;min-width:max-content;padding:10px 10px 30px}.funnel-step{width:268px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(24,27,35,.07);position:relative}.step-number{position:absolute;left:-10px;top:-10px;width:28px;height:28px;background:#17181c;color:white;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:800;z-index:2}.step-preview{height:130px;background:#f1f2f6;border-radius:17px 17px 0 0;padding:23px}.step-preview span{font-size:.58rem;font-weight:800;color:#777b86}.step-preview b,.step-preview i,.step-preview em{display:block;border-radius:99px}.step-preview b{height:9px;width:78%;background:#20222a;margin:12px 0 9px}.step-preview i{height:5px;width:88%;background:#cfd1d8;margin:5px 0}.step-preview i:nth-of-type(2){width:65%}.step-preview em{height:21px;width:35%;background:var(--primary);margin-top:14px}.step-body{padding:17px}.step-body h3{margin:9px 0 3px;font-size:1.05rem}.step-body>p{color:var(--muted);font-size:.72rem}.step-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0}.step-stats div{background:#f7f7f9;border-radius:9px;padding:8px;text-align:center}.step-stats strong,.step-stats span{display:block}.step-stats strong{font-size:.88rem}.step-stats span{font-size:.57rem;color:var(--muted);margin-top:2px}.flow-arrow{width:110px;display:grid;place-items:center;color:#8c8f98}.flow-arrow span{font-size:2rem}.flow-arrow small{font-size:.65rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.data-card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px}.data-card-icon{width:42px;height:42px;border-radius:12px;background:#ededff;color:#5556d5;display:grid;place-items:center;font-size:1.2rem;margin-bottom:16px}.data-card .pill{float:right;margin-top:-55px}.data-card h2{font-size:1.1rem;margin:0 0 7px}.data-card p{font-size:.78rem;color:var(--muted)}.card-split{display:flex;gap:8px;margin-top:18px}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:6px}.filter-tabs button{padding:8px 11px;border:0;background:transparent;border-radius:9px;font-size:.76rem;color:var(--muted)}.filter-tabs button.active{background:#ededff;color:#4e4fc8;font-weight:750}.contact-head,.contact-row{display:grid;grid-template-columns:minmax(220px,1.2fr) .8fr .65fr .7fr auto;gap:14px;align-items:center}.contact-head{padding:11px 18px;background:#fafafb;color:#8a8d95;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.contact-row{padding:13px 18px;border-top:1px solid var(--line)}.contact-row>div:first-child{display:flex;align-items:center;gap:10px}.contact-row>div:first-child span{display:grid}.contact-row strong{font-size:.84rem}.contact-row small,.contact-row>span,.contact-row time{font-size:.72rem;color:var(--muted)}.contact-row select{border:1px solid var(--line);border-radius:9px;padding:7px;background:white;font-size:.72rem}.table-empty{text-align:center;padding:60px 20px;color:var(--muted)}.analytics-table{display:grid}.analytics-table.loading{padding:50px;text-align:center;color:var(--muted)}.analytics-row{display:grid;grid-template-columns:1.3fr repeat(4,.55fr);gap:12px;padding:12px 5px;border-top:1px solid var(--line);align-items:center;font-size:.82rem}.analytics-row.head{color:var(--muted);font-size:.68rem;text-transform:uppercase;border-top:0}.privacy-note{margin-top:20px;padding:14px;background:#f6f7f9;border-radius:11px;color:#666a72;font-size:.77rem;line-height:1.5}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.media-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.media-thumb{aspect-ratio:4/3;background:#eee;display:grid;place-items:center;overflow:hidden}.media-thumb img{width:100%;height:100%;object-fit:cover}.media-info{padding:11px}.media-info strong{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-info small{color:var(--muted);font-size:.65rem}.upload-label{cursor:pointer}.design-layout{display:grid;grid-template-columns:minmax(460px,.9fr) minmax(420px,1.1fr);gap:22px;align-items:start}.design-controls{max-height:calc(100vh - 160px);overflow:auto}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.preset-card{border:1px solid var(--line);border-radius:13px;padding:9px;cursor:pointer}.preset-card input{position:absolute;opacity:0}.preset-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(91,92,226,.13)}.preset-card>strong{font-size:.75rem;display:block;margin-top:7px}.preset-demo{height:73px;border-radius:8px;background:#f2f2f5;padding:15px;display:block}.preset-demo i,.preset-demo b,.preset-demo em{display:block;border-radius:99px}.preset-demo i{height:5px;width:30%;background:#989aa2}.preset-demo b{height:8px;width:70%;background:#22242a;margin:8px 0}.preset-demo em{height:17px;width:32%;background:#5b5ce2}.preset-demo.editorial{background:#f4eee6}.preset-demo.elegant{background:#f5f2ed}.preset-demo.bold{background:#eceffc;border-radius:2px}.preset-demo.friendly{background:#f8f3e7;border-radius:16px}.preset-demo.minimal{background:white;border:1px solid #eee;border-radius:2px}.setting-section{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.setting-section h3{font-size:.93rem}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:1fr 1fr}.field-grid.four{grid-template-columns:repeat(4,1fr)}label>span,.form-stack label>span{display:block;font-size:.74rem;font-weight:750;margin-bottom:6px;color:#484b52}input,select,textarea{width:100%;border:1px solid #dfe0e5;border-radius:10px;background:white;min-height:42px;padding:9px 11px;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:#8b8cec;box-shadow:0 0 0 3px rgba(91,92,226,.12)}input[type=color]{padding:3px;min-width:55px}textarea{min-height:100px;resize:vertical}.design-preview{position:sticky;top:20px}.preview-browser-large{background:#e7e8ec;border:1px solid #d7d8de;border-radius:18px;padding:11px;box-shadow:var(--shadow)}.preview-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 5px}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#b8bbc2}.preview-bar span{margin-left:auto;margin-right:auto;color:#8a8d95;font-size:.62rem}.preview-site{min-height:550px;border-radius:11px;background:var(--bg);color:var(--text);overflow:hidden}.preview-site nav{height:62px;background:white;display:flex;align-items:center;padding:0 30px;gap:30px;font-size:.7rem}.preview-site nav span{margin-left:auto;color:#777}.preview-site nav em{font-style:normal;background:var(--primary);color:white;padding:8px 12px;border-radius:9px}.preview-site main{padding:70px 55px 55px;text-align:center}.preview-site main small{color:var(--primary);font-weight:800;font-size:.6rem}.preview-site main h2{font-size:2.2rem;max-width:560px;margin:13px auto;letter-spacing:-.045em}.preview-site main p{max-width:500px;margin:0 auto 22px;color:#777;line-height:1.6}.preview-site main .preview-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:white;padding:12px 18px;border-radius:10px;font-weight:750}.preview-site section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 35px 45px}.preview-site section article{height:95px;background:white;border-radius:12px}.settings-layout{display:grid;grid-template-columns:220px minmax(500px,850px);gap:18px;align-items:start}.settings-tabs{display:grid;gap:4px}.settings-tabs button{border:0;background:transparent;text-align:left;padding:10px 12px;border-radius:9px;color:var(--muted)}.settings-tabs button.active{background:white;color:var(--text);font-weight:750}.settings-view{display:none}.settings-view.active{display:block}.settings-view>p{color:var(--muted);line-height:1.6}.settings-view label{display:block;margin:17px 0}.address-card{background:#f6f7f9;border-radius:12px;padding:14px;display:grid;gap:7px}.address-card span{font-size:.7rem;color:var(--muted)}.address-card code{word-break:break-all}.address-card a{color:var(--primary);font-weight:750;font-size:.75rem}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:14px;background:#f7f7f9;border-radius:12px}.switch-row span{margin:0;display:grid}.switch-row small{font-weight:400;color:var(--muted);margin-top:3px}.switch-row input[type=checkbox]{width:44px;min-height:24px}.member-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:18px 0}.member-row span{display:grid}.member-row small{color:var(--muted)}.danger-zone{border:1px solid #ffd2ce;padding:18px;border-radius:14px}.setup-body{background:#f4f5f7}.setup-wrap{min-height:100vh;display:grid;grid-template-columns:.9fr 1.1fr;max-width:1100px;margin:auto;padding:50px 25px;gap:45px;align-items:center}.setup-brand h1{font-size:3.2rem}.setup-brand>p{color:var(--muted);line-height:1.7;max-width:480px}.logo-mark{width:50px;height:50px;border-radius:15px;background:var(--primary);color:white;display:grid;place-items:center;font-weight:900;margin-bottom:32px}.check-list{display:grid;gap:7px;margin-top:25px}.check-row{display:flex;align-items:center;gap:9px;font-size:.82rem;color:var(--muted)}.check-row span{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#e9eaee}.check-row.ok span{background:#e1f5e9;color:#157347}.check-row.bad span{background:#fff0ef;color:#b42318}.setup-card,.login-card{background:white;border:1px solid var(--line);border-radius:24px;padding:31px;box-shadow:var(--shadow)}.setup-card>p{color:var(--muted)}.form-stack{display:grid;gap:14px}.form-stack small{color:var(--muted);font-size:.69rem;display:block;margin-top:4px}.form-stack hr{border:0;border-top:1px solid var(--line);width:100%;margin:5px 0}.alert{padding:12px 14px;border-radius:10px;font-size:.82rem;margin:14px 0}.alert.error{background:#fff1f0;color:#8f231b}.alert.success{background:#eaf7ef;color:#17683f}.login-body{display:grid;place-items:center;background:#f4f5f7;padding:25px}.login-card{width:min(440px,100%)}.login-card .brand-lockup{margin-bottom:35px}.login-card h1{font-size:2rem}.login-note{text-align:center;color:var(--muted);font-size:.68rem;margin:18px 0 0}.modal{border:0;padding:0;background:transparent;max-width:none;max-height:none}.modal::backdrop{background:rgba(13,14,18,.56);backdrop-filter:blur(4px)}.modal-card,.wizard>form{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;background:white;border-radius:22px;padding:27px;box-shadow:0 30px 90px rgba(0,0,0,.24);position:relative}.modal-card.large{width:min(780px,calc(100vw - 28px))}.modal-close{position:absolute;right:15px;top:15px;width:34px;height:34px;border-radius:50%;border:0;background:#f2f2f4;font-size:1.2rem}.wizard-progress{display:flex;gap:6px;margin-bottom:24px}.wizard-progress i{height:4px;flex:1;background:#e8e8ec;border-radius:9px}.wizard-progress i.on{background:var(--primary)}.wizard-step{display:none}.wizard-step.on{display:block}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.choice-cards.single{grid-template-columns:1fr}.choice-cards button{min-height:112px;border:1px solid var(--line);border-radius:14px;background:white;text-align:left;padding:16px}.choice-cards button:hover,.choice-cards button.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(91,92,226,.12)}.choice-cards b,.choice-cards span{display:block}.choice-cards span{color:var(--muted);font-size:.77rem;margin-top:6px;line-height:1.45}.back-link{border:0;background:transparent;padding:0;color:var(--muted);font-size:.75rem;margin-bottom:18px}.mini-settings{display:grid;grid-template-columns:1fr 110px;gap:12px;margin-top:18px}.creating-state{text-align:center;padding:50px 10px}.spinner{width:30px;height:30px;border:3px solid #e0e1e6;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.form-error{color:var(--danger);font-size:.76rem}.toast{position:fixed;right:24px;bottom:24px;background:#17181c;color:white;border-radius:11px;padding:12px 16px;font-size:.8rem;transform:translateY(18px);opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{transform:none;opacity:1}.contact-detail{display:grid;gap:15px}.contact-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-box{background:#f7f7f9;border-radius:11px;padding:12px}.detail-box span{font-size:.68rem;color:var(--muted);display:block}.detail-box strong{font-size:.85rem;display:block;margin-top:4px}.submission-card{border:1px solid var(--line);border-radius:13px;padding:14px}.submission-card dl{display:grid;grid-template-columns:150px 1fr;gap:7px;margin:12px 0}.submission-card dt{color:var(--muted);font-size:.74rem}.submission-card dd{margin:0;font-size:.78rem;white-space:pre-wrap}.field-builder{display:grid;gap:9px;margin:16px 0}.form-field-row{display:grid;grid-template-columns:145px 1fr auto auto;gap:8px;align-items:center;padding:9px;background:#f7f7f9;border-radius:10px}.form-field-row input,.form-field-row select{min-height:36px}.form-field-row button{border:0;background:transparent;color:var(--danger)}@media(max-width:1050px){:root{--sidebar:210px}.main{padding:28px}.metrics{grid-template-columns:1fr 1fr}.overview-grid,.design-layout{grid-template-columns:1fr}.design-preview{position:static}.list-head,.page-row{grid-template-columns:minmax(260px,1.5fr) .6fr .7fr auto}.list-head span:nth-child(4),.page-row time{display:none}.settings-layout{grid-template-columns:180px 1fr}}@media(max-width:760px){.sidebar{position:static;width:100%;height:auto;padding:12px;flex-direction:row;align-items:center}.sidebar .brand-lockup{padding:0}.sidebar nav,.current-project,.project-back,.sidebar-foot{display:none}.main{margin-left:0;padding:22px 15px 60px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1,.page-head.compact h1{font-size:2rem}.head-actions{width:100%}.head-actions>*{flex:1}.project-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.list-head{display:none}.page-row{grid-template-columns:1fr auto;padding:14px}.page-row>div:nth-child(2),.page-row>div:nth-child(3),.page-row time{display:none}.funnel-flow{flex-direction:column;align-items:stretch;min-width:0}.funnel-step{width:100%}.flow-arrow{height:75px;width:100%}.flow-arrow span{transform:rotate(90deg)}.contact-head{display:none}.contact-row{grid-template-columns:1fr auto}.contact-row>span,.contact-row>select,.contact-row>time{display:none}.design-layout,.settings-layout,.setup-wrap{grid-template-columns:1fr}.settings-tabs{display:flex;overflow:auto}.settings-tabs button{white-space:nowrap}.setup-brand{display:none}.field-grid.four{grid-template-columns:1fr 1fr}.choice-cards{grid-template-columns:1fr}.modal-card,.wizard>form{border-radius:18px}.form-field-row{grid-template-columns:1fr}.analytics-row{grid-template-columns:1fr repeat(2,.5fr)}.analytics-row>*:nth-child(4),.analytics-row>*:nth-child(5){display:none}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.field-grid.two,.field-grid.four,.contact-detail-grid{grid-template-columns:1fr}.main{padding-inline:12px}.page-head{margin-bottom:22px}.project-cover{height:150px}.setup-card,.login-card{padding:23px}.mini-settings{grid-template-columns:1fr}.head-actions{flex-direction:column}.head-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#5B5CE2) 65%,white);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.step-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.media-toolbar{margin-bottom:18px}.search-field input{min-width:min(360px,75vw)}.media-detail-preview{width:100%;max-height:360px;object-fit:contain;background:#f4f4f5;border-radius:16px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.media-card{appearance:none;text-align:left;color:inherit;font:inherit}.member-row select{margin-left:auto}.member-row .icon-btn{flex:0 0 auto}
.form-field-card{border:1px solid var(--line,#e4e4e7);border-radius:14px;padding:12px;margin:10px 0;background:#fff}.form-field-card details{margin-top:10px}.form-field-card summary{cursor:pointer;font-weight:700}.form-field-card textarea{min-height:80px}

/* Kleine Verwaltungslisten: Domains, Veröffentlichungen und leere Hinweise */
.domain-list,.publication-list{display:grid;gap:10px;margin-top:14px}.domain-row,.publication-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fafafb}.domain-row>div,.publication-row>div{display:grid;gap:3px}.domain-row small,.publication-row small,.empty-hint{color:var(--muted);font-size:.76rem}.inline-form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.inline-form input,.inline-form select{min-width:180px}.empty-hint{padding:18px;border:1px dashed var(--line);border-radius:12px;text-align:center;background:#fafafb}@media(max-width:760px){.domain-row,.publication-row{align-items:flex-start;flex-direction:column}.inline-form{width:100%}.inline-form input,.inline-form select,.inline-form button{width:100%}}


/* 3.1.0-rc4 mobile-first hardening: additive UI layer, no desktop business-logic changes */
.project-card-actions{display:flex;align-items:center;gap:8px}.mobile-project-nav{display:none}.mobile-more-list{display:grid;gap:4px;margin-top:18px}.mobile-more-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:11px 12px;border-radius:11px;color:var(--text);font-weight:750}.mobile-more-list a:hover{background:#f5f5f7}.mobile-more-list i{font-style:normal;color:var(--muted)}.danger-confirm-copy{padding:12px 14px;border-radius:12px;background:#fff4f2;color:#7a271a;font-size:.8rem;line-height:1.55}.contact-quick-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-quick-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.mobile-sort-actions{display:none;gap:8px}.mobile-sort-actions button{flex:1;min-height:44px}
.modal-card,.wizard>form{max-height:calc(100dvh - 36px)}
@media(max-width:820px),(max-height:500px) and (max-width:932px){
 .project-shell>.sidebar{display:none}.project-shell>.main{margin-left:0;padding:22px 15px calc(96px + env(safe-area-inset-bottom))}.project-shell .page-head{align-items:flex-start;flex-direction:column}.project-shell .head-actions{width:100%}.project-shell .head-actions>*{flex:1;min-height:44px}
 .mobile-project-nav{position:fixed;z-index:85;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:2px;padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.96);border-top:1px solid var(--line);box-shadow:0 -8px 26px rgba(20,20,25,.08);backdrop-filter:blur(18px)}
 .mobile-nav-item,.mobile-nav-plus{border:0;background:transparent;color:var(--muted);min-width:0;min-height:52px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;font:inherit}.mobile-nav-item span{font-size:1.02rem;line-height:1}.mobile-nav-item small{font-size:.64rem;font-weight:750;white-space:nowrap}.mobile-nav-item.active{color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,white)}.mobile-nav-plus{align-self:center;width:50px;min-width:50px;height:50px;min-height:50px;margin:0 auto;border-radius:17px;background:var(--primary);color:white;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 26%,transparent)}.mobile-nav-plus span{font-size:1.55rem;line-height:1}.mobile-project-nav .nav-count{display:inline-grid;place-items:center;min-width:16px;height:16px;margin-left:3px;padding:0 4px;border-radius:9px;background:var(--primary);color:#fff;font-size:.55rem}
 .settings-layout{grid-template-columns:1fr}.settings-tabs{display:grid!important;overflow:visible!important;gap:4px}.settings-tabs button,.settings-tabs a{position:relative;width:100%;min-height:48px;text-align:left;white-space:normal!important;padding:12px 36px 12px 13px;border-radius:11px}.settings-tabs button::after,.settings-tabs a::after{content:'›';position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--muted)}.settings-tabs button.active{background:color-mix(in srgb,var(--primary) 8%,white)}
 .contact-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.contact-row>span,.contact-row>time{display:none}.contact-row>select{display:block!important;grid-column:1 / -1;min-height:44px;width:100%}.contact-row .icon-btn{min-width:44px;min-height:44px}.icon-btn{min-width:44px;min-height:44px}.small-btn{min-height:44px;display:inline-flex;align-items:center}
 .page-row .row-actions{gap:7px}.mobile-sort-actions{display:flex}.drag-handle{display:none}
 .modal.mobile-sheet{align-items:end}.modal.mobile-sheet[open]{display:flex;width:100%;height:100%;margin:0;max-width:none;max-height:none}.modal.mobile-sheet .modal-card,.mobile-sheet-on-narrow .modal-card{width:100%;max-width:none;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-height:min(82dvh,760px)}
 .toast{right:12px;left:12px;bottom:calc(82px + env(safe-area-inset-bottom));text-align:center}
 .toolbar{align-items:stretch;flex-direction:column}.filter-tabs{overflow-x:auto;padding-bottom:2px}.filter-tabs button{min-height:44px;display:inline-flex;align-items:center}.toolbar>.secondary{min-height:44px;display:flex;justify-content:center;align-items:center}
}
@media(max-width:760px){.project-shell>.main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.contact-row>select{display:block!important}.settings-tabs{display:grid;overflow:visible}.settings-tabs button{white-space:normal}}
@media(max-width:430px){.project-shell>.main{padding-inline:12px}.mobile-nav-item small{font-size:.61rem}.mobile-project-nav{padding-inline:5px}.mobile-nav-plus{width:46px;min-width:46px;height:46px;min-height:46px}.contact-detail-grid{grid-template-columns:1fr}.contact-quick-actions>*{flex:1}}
@media(max-width:820px),(max-height:500px) and (max-width:932px){.settings-tabs a{border:0;background:transparent;color:var(--muted);font:inherit}.modal.mobile-sheet-on-narrow[open]{display:flex;align-items:end;width:100%;height:100%;margin:0;max-width:none;max-height:none}}

/* 3.2.0 Commerce — uses the existing design system and stays card-based on mobile. */
.commerce-panel{overflow:hidden}.commerce-product-list,.commerce-order-list{display:grid;gap:10px}.commerce-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.commerce-row-main{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:9px;align-items:center;min-width:0}.commerce-row-main .pill{grid-row:1/3}.commerce-row-main strong,.commerce-row-main small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-row-main small{color:var(--muted);font-size:.76rem;margin-top:3px}.commerce-money{white-space:nowrap}.commerce-order-row{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto auto 20px;gap:12px;align-items:center;text-align:left;color:var(--text)}.commerce-order-row:hover{background:#fafafb}.commerce-order-row>span:first-child{display:grid;min-width:0}.commerce-order-row>span:first-child strong,.commerce-order-row>span:first-child small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-order-row small,.commerce-order-row time{font-size:.72rem;color:var(--muted);margin-top:3px}.commerce-order-row>i{font-style:normal;color:var(--muted);font-size:1.25rem}.commerce-status.paid{background:#e9f7ef;color:#167249}.commerce-status.failed,.commerce-status.cancelled{background:#fff1f0;color:#9a251d}.commerce-status.pending{background:#fff7e6;color:#8a5a00}.checkout-config-price{padding:10px 12px;border-radius:10px;background:#f6f6fa;color:#565963;font-size:.84rem;font-weight:700}.commerce-info{display:grid;gap:6px;padding:14px;border:1px solid #dfe0f3;background:#f7f7ff;border-radius:13px}.commerce-info span{font-size:.8rem;color:var(--muted);line-height:1.55}.copy-field{display:flex;align-items:center;gap:10px;margin-top:8px}.copy-field code{min-width:0;flex:1;overflow:auto;white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px;font-size:.73rem}.credential-card{border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;gap:12px;background:#fbfbfd}.credential-card.live{border-color:#d9e8de;background:#fbfefc}.credential-card h3{margin:6px 0 3px}.credential-card p{margin:0;color:var(--muted);font-size:.8rem}.credential-card>small{color:var(--muted)}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.order-items{display:grid;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:18px}.order-items>div{display:flex;justify-content:space-between;gap:15px;padding:13px 14px;border-bottom:1px solid var(--line)}.order-items>div:last-child{border-bottom:0}.order-items span{display:grid}.order-items small{color:var(--muted);font-size:.72rem;margin-top:2px}.technical-details{display:grid;grid-template-columns:145px minmax(0,1fr);gap:8px 12px}.technical-details dt{color:var(--muted)}.technical-details dd{margin:0;overflow-wrap:anywhere}.checkout-test-badge{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:10px;background:#fff7df;color:#7a5700;margin:10px 0 16px;font-size:.8rem}.checkout-test-badge span{opacity:.85}.commerce-metrics{margin-top:0}
@media(max-width:820px), (max-height:500px) and (max-width:932px){.commerce-row{grid-template-columns:minmax(0,1fr) auto}.commerce-row .row-actions{grid-column:1/-1}.commerce-row .row-actions>*{min-height:44px}.commerce-order-row{grid-template-columns:minmax(0,1fr) auto 24px;padding:14px;min-height:72px}.commerce-order-row>strong{grid-column:2}.commerce-order-row>.pill,.commerce-order-row>time{grid-column:1/span 2;justify-self:start}.commerce-order-row>i{grid-column:3;grid-row:1/span 3}.copy-field{align-items:stretch;flex-direction:column}.copy-field .secondary{min-height:44px}.order-detail-grid{grid-template-columns:1fr}.technical-details{grid-template-columns:1fr}.technical-details dd{margin-bottom:8px}.commerce-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.commerce-row{grid-template-columns:1fr}.commerce-money{justify-self:start}.commerce-row .row-actions{grid-column:auto;flex-wrap:wrap}.commerce-metrics{grid-template-columns:1fr}}
/* Commerce narrow-container hardening: long webhook URLs must never size the page. */
.commerce-info,.credential-card,#paymentSettingsPanel{min-width:0;max-width:100%}.copy-field{width:100%;min-width:0;max-width:100%}.copy-field code{display:block;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.copy-field .secondary{flex:0 0 auto}
@media(max-width:820px), (max-height:500px) and (max-width:932px){.copy-field .secondary{width:100%;flex:0 0 auto}}
.commerce-info{grid-template-columns:minmax(0,1fr)}.commerce-info>*{min-width:0;max-width:100%}.commerce-info .copy-field{justify-self:stretch}
.commerce-info .copy-field{width:auto;max-width:none;min-width:0;overflow:hidden}.commerce-info .copy-field code{width:100%;max-width:100%;min-width:0}.commerce-info .copy-field .secondary{max-width:100%}
.commerce-info span{overflow-wrap:anywhere;word-break:break-word}

/* 3.2.1 reliability: explicit unsaved-change recovery inside management dialogs */
.unsaved-confirm{margin-top:14px;padding:14px;border:1px solid #f0c8c4;border-radius:12px;background:#fff7f6;color:#6f211b;display:grid;gap:8px}.unsaved-confirm[hidden]{display:none}.unsaved-confirm strong{font-size:.82rem}.unsaved-confirm p{margin:0;font-size:.78rem;line-height:1.45}.unsaved-confirm>div{display:flex;gap:8px;flex-wrap:wrap}.unsaved-confirm>div>*{flex:1 1 160px}
/* 3.2.1 reliability: modal close controls stay reachable inside long scrollable cards/sheets. */
.modal-card>.modal-close{position:sticky;top:0;margin-left:auto;z-index:8;display:grid;place-items:center}

/* 3.3.0 project-concept, template and style-kit chooser */
.wizard-pro>form{width:min(1040px,calc(100vw - 32px));padding:30px}.wizard-pro .wizard-step>h2{font-size:clamp(1.65rem,3vw,2.4rem);margin-bottom:8px}.wizard-note{color:var(--muted);line-height:1.55;max-width:760px}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.concept-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:15px;text-align:left;min-height:112px}.concept-card b,.concept-card span{display:block}.concept-card b{font-size:.92rem}.concept-card span{margin-top:6px;color:var(--muted);font-size:.75rem;line-height:1.45}.concept-card:hover,.concept-card.selected,.template-card:hover,.template-card.selected,.style-kit-card:hover,.style-kit-card.selected{border-color:var(--primary);box-shadow:0 0 0 2px rgba(91,92,226,.10)}.wizard-brief{grid-template-columns:1fr 1fr 1fr;margin:18px 0}.template-selector{margin-top:20px}.template-selector-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 12px}.template-selector-head h3{font-size:.94rem;margin:0}.template-selector-head p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45;max-width:560px}.template-filter[hidden]{display:none!important}.template-filter{display:flex;gap:7px;overflow:auto;padding-bottom:6px;margin-bottom:12px}.template-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;white-space:nowrap;font-size:.73rem;font-weight:720}.template-filter button.active{background:#17181c;color:#fff;border-color:#17181c}.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:390px;overflow:auto;padding:2px 4px 8px 2px}.template-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:0;overflow:hidden;text-align:left;min-width:0}.template-card-preview{height:128px;display:block;position:relative;background:#f1eee7;border-bottom:1px solid var(--line);overflow:hidden}.template-card-preview:before{content:"";position:absolute;inset:14px 12px auto 12px;height:7px;background:#26272c;border-radius:99px;width:35%}.template-card-preview i,.template-card-preview b,.template-card-preview em,.template-card-preview small{position:absolute;display:block}.template-card-preview i{left:12px;top:38px;width:42%;height:44px;background:#25262b;border-radius:4px}.template-card-preview b{left:12px;top:90px;width:35%;height:5px;background:#9a958d;border-radius:9px}.template-card-preview em{right:12px;top:31px;width:43%;height:78px;background:linear-gradient(145deg,#d7cec0,#aaa195);border-radius:8px}.template-card-preview small{left:12px;bottom:13px;width:20%;height:8px;background:#5556d8;border-radius:99px}.template-card-preview.preview-frame{background:#f4f4f2}.template-card-preview.preview-frame i{width:60%;height:9px;background:#171717}.template-card-preview.preview-frame em{top:54px;right:12px;width:62%;height:58px;border-radius:0}.template-card-preview.preview-gallery,.template-card-preview.preview-vow,.template-card-preview.preview-portrait{background:#f4efe7}.template-card-preview.preview-gallery em,.template-card-preview.preview-vow em,.template-card-preview.preview-portrait em{inset:20px 12px 15px 48%;height:auto}.template-card-preview.preview-noir,.template-card-preview.preview-rhythm,.template-card-preview.preview-record,.template-card-preview.preview-signal{background:#17171c}.template-card-preview.preview-noir:before,.template-card-preview.preview-rhythm:before,.template-card-preview.preview-record:before,.template-card-preview.preview-signal:before{background:#f2f0f8}.template-card-preview.preview-noir i,.template-card-preview.preview-rhythm i,.template-card-preview.preview-record i,.template-card-preview.preview-signal i{background:#d1c3ff}.template-card-preview.landing i{width:52%;height:28px}.template-card-preview.landing em{width:32%;height:72px}.template-card-meta{display:grid;padding:13px}.template-card-meta strong{font-size:.88rem}.template-card-meta small{font-size:.68rem;color:var(--primary);font-weight:750;margin-top:3px}.template-card-meta>span{color:var(--muted);font-size:.71rem;line-height:1.4;margin-top:6px}.wizard-subtitle{font-size:.88rem;margin:22px 0 10px}.style-kit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.style-kit-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px;text-align:left;min-width:0}.style-kit-card b,.style-kit-card small{display:block}.style-kit-card b{font-size:.78rem;margin-top:8px}.style-kit-card small{font-size:.65rem;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-swatch{display:flex;gap:4px}.style-swatch i{width:22px;height:22px;border-radius:50%;background:var(--sw);border:1px solid rgba(0,0,0,.09)}.compat-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}.wizard-advanced{display:flex;align-items:center;gap:14px;margin-top:14px}.check-row{display:flex;align-items:center;gap:8px;font-size:.75rem}.custom-color-control{display:flex;align-items:center;gap:8px;font-size:.75rem}.custom-color-control input{width:38px;height:30px;border:0;padding:0}.wizard-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.wizard-actions .primary{min-width:190px}.wizard-actions .quiet{border:1px solid var(--line);background:#fff}.template-selector[hidden],.concept-card[hidden],.template-card[hidden],.custom-color-control[hidden]{display:none!important}
@media(max-width:850px){.wizard-pro>form{width:min(720px,calc(100vw - 24px));padding:24px}.concept-grid,.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.style-kit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wizard-brief{grid-template-columns:1fr}}
@media(max-width:560px){.wizard-pro>form{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:17px;padding:19px}.concept-grid,.template-gallery{grid-template-columns:1fr}.concept-card{min-height:88px}.template-gallery{max-height:330px}.style-kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-actions{display:grid}.wizard-actions>*{width:100%}.wizard-pro .choice-cards button{min-height:94px}}
.design-controls-pro{min-width:0}.design-style-kits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.style-kit-design-card{display:block;padding:12px;min-height:106px}.style-kit-design-card input{position:absolute;opacity:0;pointer-events:none}.style-kit-design-card strong,.style-kit-design-card small{display:block}.style-kit-design-card small{color:var(--muted);font-size:.68rem;margin-top:4px}.design-kit-swatch{display:flex;gap:5px;margin-bottom:10px}.design-kit-swatch i{display:block;width:25px;height:25px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.09)}.design-advanced{margin:18px 0}.design-advanced>summary{cursor:pointer;font-weight:760;color:var(--muted);padding:12px 0}.preview-site{background:var(--bg)!important;color:var(--text)!important}.preview-site nav em,.preview-site main button{background:var(--primary)!important}.preview-site main small{color:var(--accent,var(--primary))!important}
@media(max-width:560px){.design-style-kits{grid-template-columns:1fr}}
.template-preview-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.template-preview-tools .quiet{border:1px solid var(--line);background:#fff}.template-preview-tools small{color:var(--muted);font-size:.68rem}.template-card-preview{background:var(--preview-bg,#f1eee7)}.template-card-preview:before{background:var(--preview-text,#26272c)}.template-card-preview small{background:var(--preview-primary,#5556d8)}
.template-preview-dialog{width:min(1180px,calc(100vw - 24px));max-width:none;border:0;padding:0;background:transparent}.template-preview-modal-card{background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(18,20,28,.24);padding:18px;max-height:92vh;display:grid;grid-template-rows:auto minmax(0,1fr)}.template-preview-head{display:flex;justify-content:space-between;gap:20px;padding:4px 4px 14px}.template-preview-head h2{margin:2px 0 5px;font-size:1.25rem}.template-preview-head p:last-child{margin:0;color:var(--muted);font-size:.75rem}.static-close{position:static;flex:0 0 auto}.template-preview-stage{min-height:0;overflow:auto;background:#e9ebef;border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}.template-preview-stage iframe{display:block;width:100%;height:min(72vh,820px);margin:0 auto;border:0;background:#fff;border-radius:8px;box-shadow:0 12px 35px rgba(20,22,30,.12)}.template-preview-stage.mobile iframe{width:min(390px,100%);height:min(72vh,760px)}
@media(max-width:640px){.template-selector-head{display:block}.template-selector-head p{margin-top:5px}.template-preview-dialog{width:calc(100vw - 12px)}.template-preview-modal-card{padding:10px;border-radius:16px;max-height:95vh}.template-preview-head{padding:4px 4px 10px}.template-preview-head p:last-child{display:none}.template-preview-stage{padding:6px}.template-preview-tools small{width:100%}}

/* 3.3.2 – Style Kit live-preview/state sync */
.design-save-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.design-save-status{margin:0;color:var(--muted);font-size:.74rem;line-height:1.4}.design-save-status[data-state="saving"],.design-save-status[data-state="dirty"]{color:#8a6200}.design-save-status[data-state="error"]{color:var(--danger)}#designPreview .preview-site{font-family:var(--preview-body-font,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}#designPreview .preview-site nav{background:color-mix(in srgb,var(--bg) 94%,var(--text));font-family:var(--preview-body-font,inherit)}#designPreview .preview-site nav em,#designPreview .preview-site main .preview-cta{border-radius:var(--preview-button-radius,12px)}#designPreview .preview-site main{padding-top:var(--preview-section-space,55px);padding-bottom:var(--preview-section-space,55px);font-family:var(--preview-body-font,inherit)}#designPreview .preview-site main h2{font-family:var(--preview-heading-font,inherit)}#designPreview .preview-site main p,#designPreview .preview-site nav span{color:color-mix(in srgb,var(--text) 68%,transparent)}#designPreview .preview-site section{gap:clamp(8px,1.2vw,16px);padding-bottom:var(--preview-section-space,55px)}#designPreview .preview-site section article{border-radius:var(--preview-radius,18px);box-shadow:var(--preview-shadow,0 10px 28px rgba(0,0,0,.08));background:color-mix(in srgb,var(--bg) 94%,var(--text))}@media(max-width:760px){.design-save-row{align-items:stretch;flex-direction:column}.design-save-row .primary{width:100%}}
/* 3.4.0 — Works / Projects: high visual quality with a deliberately small control surface. */
.work-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.work-admin-card{border:1px solid var(--line,#e4e7ec);border-radius:18px;overflow:hidden;background:var(--panel,#fff);min-width:0}.work-admin-cover{aspect-ratio:4/3;background:linear-gradient(145deg,#f3f4f6,#e7e9ee);display:grid;place-items:center;overflow:hidden}.work-admin-cover img{width:100%;height:100%;object-fit:cover}.work-admin-cover span{font-size:40px;opacity:.4}.work-admin-body{padding:18px;display:grid;gap:8px}.work-admin-body small{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.work-admin-body h3{margin:0;font-size:20px}.work-admin-body p{margin:0;min-height:2.7em;color:var(--muted,#667085)}.work-admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.work-form{max-width:880px}.work-core-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:12px}.work-media-section{display:grid;gap:10px;padding:16px;border:1px solid var(--line,#e4e7ec);border-radius:16px}.setting-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.setting-section-head>div{display:grid;gap:2px}.setting-section-head small,.work-media-section>small{color:var(--muted,#667085)}.work-cover-picker,.work-media-choices{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto;padding:2px}.work-cover-choice,.work-media-choice{position:relative;border:2px solid transparent;border-radius:12px;padding:0;background:#f4f5f7;min-height:74px;overflow:hidden;cursor:pointer}.work-cover-choice img,.work-media-choice img{width:100%;height:82px;object-fit:cover;display:block}.work-cover-choice.selected,.work-media-choice.selected{border-color:currentColor}.work-media-choice span{display:block;padding:6px;font-size:11px}.work-cover-art{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.65fr);gap:12px;align-items:end}.work-focus-preview{min-height:190px;border-radius:14px;background-size:cover;background-position:var(--fx,50%) var(--fy,50%);cursor:crosshair;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);position:relative}.work-focus-preview:after{content:"";position:absolute;left:var(--fx,50%);top:var(--fy,50%);width:18px;height:18px;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(0,0,0,.45)}.work-more>summary{cursor:pointer;font-weight:700;padding:12px 0}.work-link-pair{display:grid;grid-template-columns:1fr 2fr;gap:12px}
@media(max-width:1050px){.work-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-cover-picker,.work-media-choices{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.work-admin-grid{grid-template-columns:1fr}.work-core-grid,.work-link-pair,.work-cover-art{grid-template-columns:1fr}.work-cover-picker,.work-media-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.work-admin-actions>*{min-height:44px}.setting-section-head{align-items:flex-start;flex-direction:column}.work-focus-preview{min-height:220px}}
@media(max-width:360px){.work-cover-picker,.work-media-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 3.4.0 — four clear creative design directions replace template overload for Photography/Music concepts. */
.design-direction-wrap{margin:8px 0 22px}.design-direction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.design-direction-card{position:relative;text-align:left;border:1px solid var(--line,#e3e6eb);border-radius:16px;background:var(--panel,#fff);padding:10px;display:grid;gap:8px;min-height:188px;cursor:pointer}.design-direction-card:hover,.design-direction-card.selected{border-color:var(--primary,#344054);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#344054) 12%,transparent)}.design-direction-card strong{font-size:15px}.design-direction-card small{line-height:1.45;color:var(--muted,#667085)}.direction-art{height:78px;border-radius:11px;background:#f2f2ef;display:grid;grid-template-columns:38% 1fr;gap:6px;padding:8px;overflow:hidden}.direction-art i,.direction-art b,.direction-art em{display:block;border-radius:6px;background:#d8d8d3}.direction-art i{grid-row:1/3}.direction-art b{height:22px;background:#2f3033}.direction-art em{height:34px}.direction-producer_portfolio,.direction-cinematic_sync,.direction-beat_commerce,.direction-artist_producer{background:#17181d}.direction-producer_portfolio i,.direction-cinematic_sync i,.direction-beat_commerce i,.direction-artist_producer i{background:#4d4f5a}.direction-producer_portfolio b,.direction-cinematic_sync b,.direction-beat_commerce b,.direction-artist_producer b{background:#f2f1eb}.direction-recommend{position:absolute;top:18px;right:18px;background:#fff;color:#111827;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.08)}
@media(max-width:850px){.design-direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.design-direction-grid{grid-template-columns:1fr}.design-direction-card{min-height:154px}}
/* 3.4 Work image art direction stays behind progressive disclosure. */
.work-media-art-details{margin-top:14px;border-top:1px solid var(--line,#e7e8ec);padding-top:12px}.work-media-art-details>summary{cursor:pointer;font-weight:750;font-size:.82rem}.work-media-art-list{display:grid;gap:12px;margin-top:12px}.work-media-art-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:14px;align-items:start;padding:12px;border:1px solid var(--line,#e7e8ec);border-radius:14px}.work-media-art-focus{border:0;padding:0;width:132px;aspect-ratio:4/3;border-radius:10px;background-size:cover;background-position:var(--fx,50%) var(--fy,50%);cursor:crosshair}.work-media-art-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-media-art-controls label{margin:0}.work-media-alt{grid-column:1/-1}@media(max-width:560px){.work-media-art-row{grid-template-columns:1fr}.work-media-art-focus{width:100%;max-width:220px}.work-media-art-controls{grid-template-columns:1fr}.work-media-alt{grid-column:auto}}

/* 3.4.1 zero-overwhelm design controls */
.design-recommended{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,#fff);color:var(--primary);font-size:.62rem;line-height:1;font-weight:820}.design-more-kits{margin:12px 0 0}.design-more-kits>summary{cursor:pointer;color:var(--muted);font-size:.74rem;font-weight:760;padding:10px 0}.design-more-kits[open]>summary{margin-bottom:8px}.design-save-retry[hidden]{display:none!important}.design-save-retry{white-space:nowrap}

/* 3.4.1 targeted hotfix: project-wizard color override must not inherit setup checklist/input sizing. */
.wizard-advanced .check-row{display:flex;align-items:center;gap:10px;min-width:0;margin:0;color:var(--text)}
.wizard-advanced .check-row>input[type="checkbox"]{width:20px;height:20px;min-width:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:var(--primary)}
.wizard-advanced .check-row>span{display:block;width:auto;height:auto;min-width:0;margin:0;border-radius:0;background:transparent;color:#484b52;font-size:.75rem;font-weight:750;line-height:1.35}
.wizard-advanced .custom-color-control{display:flex;align-items:center;gap:9px;min-width:0;margin:0}
.wizard-advanced .custom-color-control>span{width:auto;height:auto;margin:0;white-space:nowrap}
.wizard-advanced .custom-color-control>input[type="color"]{width:42px;height:36px;min-width:42px;min-height:36px;flex:0 0 42px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#fff}
@media(max-width:560px){.wizard-advanced{display:grid;grid-template-columns:1fr;align-items:stretch;gap:9px}.wizard-advanced .check-row,.wizard-advanced .custom-color-control{min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff}.wizard-advanced .custom-color-control{justify-content:space-between}.wizard-advanced .check-row>span{font-size:.78rem}}

/* Premium visual quality audit — visual-only refinement. No routes, handlers or behavior. */
:root{--bg:#f7f7f8;--panel-soft:#f6f6f8;--line:#e3e4e8;--shadow:0 10px 30px rgba(21,24,31,.065);--radius:16px}
h1{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.06;letter-spacing:-.04em}.page-head.compact h1{font-size:2.2rem}.eyebrow{font-size:.68rem;letter-spacing:.13em;font-weight:780;color:var(--muted);margin-bottom:9px}.main{padding-top:34px}.page-head{margin-bottom:28px}
.brand-lockup>span{border-radius:10px;background:var(--primary);box-shadow:0 5px 15px rgba(91,92,226,.22)}.sidebar nav a{border-radius:8px}.sidebar nav a:hover,.sidebar nav a.active{background:#24252a}
.primary,.secondary,.quiet,.danger,.small-btn,.icon-btn{border-radius:10px}.primary{box-shadow:0 1px 2px rgba(20,22,30,.12)}.primary:hover{box-shadow:0 4px 12px rgba(71,72,201,.16)}
.project-card{border-radius:16px;box-shadow:0 1px 2px rgba(28,30,38,.035);transition:border-color .16s ease,box-shadow .16s ease}.project-card:hover{transform:none;border-color:#d8dae0;box-shadow:0 8px 24px rgba(28,30,38,.07)}.metrics article{border-radius:14px;padding:18px 19px}.metrics strong{font-size:1.7rem}.panel{border-radius:16px;box-shadow:0 1px 2px rgba(28,31,40,.025)}.funnel-canvas{border-radius:16px}.funnel-step{border-radius:14px;box-shadow:0 4px 16px rgba(24,27,35,.055)}
input,select,textarea{border-color:var(--line);border-radius:9px}input:focus,select:focus,textarea:focus{border-color:#8586dc;box-shadow:0 0 0 3px rgba(91,92,226,.10)}.alert,.detail-box{border-radius:9px}.toast{border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.setup-card,.login-card{border-radius:18px;box-shadow:0 14px 38px rgba(21,24,31,.07)}.modal-card,.wizard>form{border-radius:18px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.20)}.modal-close{width:36px;height:36px;background:#f4f4f6}.choice-cards button,.concept-card{border-radius:12px}.template-card{border-radius:13px}.style-kit-card{border-radius:13px}
.list-head{background:#f8f8f9}.page-row{padding-top:13px;padding-bottom:13px}.toolbar{padding-top:13px;padding-bottom:13px}.settings-tabs button,.settings-tabs a{border-radius:8px}
@media(max-width:900px){h1{font-size:2rem}.page-head.compact h1{font-size:1.9rem}.main{padding-top:24px}.page-head{margin-bottom:22px}}
@media(max-width:640px){h1,.page-head.compact h1{font-size:1.78rem;line-height:1.1;letter-spacing:-.035em}.eyebrow{font-size:.64rem;letter-spacing:.12em}.modal-card,.wizard>form{padding:22px}.modal.mobile-sheet .modal-card,.mobile-sheet-on-narrow .modal-card{border-radius:18px 18px 0 0}.metrics article{padding:16px}.panel{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}}