@charset "UTF-8";
:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#192927;background:#f4f7f5;font-size:14px;line-height:1.55;font-synthesis:none;--green:#14765c;--green-dark:#0c5c47;--muted:#74817c;--line:#e3eae6;--card:#fff;--shadow:0 15px 55px #143b2410}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid #73c1a9;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:none;border-color:#64a892;box-shadow:0 0 0 3px #13775712}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.35;letter-spacing:-.8px;font-weight:700}h2{font-size:19px;letter-spacing:-.35px}h3{font-size:15px}small{font-size:12px}button svg{pointer-events:none}svg{width:19px;height:19px;flex:none}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex:none}input[type=color]{padding:4px;min-height:42px;width:100%}[hidden]{display:none!important}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.required{color:#d45243;margin-left:3px}.wrap{overflow-wrap:anywhere}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#145b47;color:#fff;font-weight:850;font-size:23px;line-height:1;box-shadow:inset 0 0 0 1px #ffffff16;flex:none}.initial-loading{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:var(--muted)}.layout{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:29px 18px 20px}.brand{display:flex;gap:11px;align-items:center;padding:0 9px;margin-bottom:40px}.brand-name{font-size:17px;font-weight:750;letter-spacing:-.5px}.brand-sub{font-size:10px;letter-spacing:2px;color:#8c9891;margin-top:2px}.nav-caption{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#9ba69f;padding:0 13px;margin-bottom:12px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;background:none;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 14px;color:#68756e;border-radius:10px;font-weight:550}.nav button.active{background:#e9f3ee;color:#166747;font-weight:750}.nav button:hover{background:#f2f6f3}.nav button.active:hover{background:#e5f1e9}.nav-count{margin-left:auto;background:#d9eadd;border-radius:5px;font-size:11px;padding:0 5px}.sidebar-bottom{margin-top:auto;padding:20px 11px 0}.sidebar-note{padding:14px 13px;background:#f6f8f6;border-radius:10px;font-size:11px;color:#8b9690;line-height:1.75}.sidebar-note strong{display:block;font-size:12px;color:#486457;margin-bottom:3px}.account-row{display:flex;align-items:center;gap:8px;margin-top:23px}.avatar{width:30px;height:30px;border-radius:50%;background:#eef2ed;display:grid;place-items:center;font-size:11px;color:#52735c}.account-text{flex:1}.account-text b{display:block;font-size:12px}.account-text span{font-size:10px;color:#9ba59f}.workspace{min-width:0}.topbar{height:76px;padding:0 38px;background:#ffffffb8;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{color:#8b9790;font-size:12px;display:flex;gap:11px;align-items:center}.breadcrumb strong{color:#496251;font-weight:500}.topbar-badge{font-size:11px;color:#789082;border:1px solid #dce7de;background:#f3f8f4;border-radius:20px;padding:5px 11px;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;background:#44a577;border-radius:50%;display:inline-block}.main{max-width:1510px;margin:auto;padding:35px 39px 45px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head p{color:#7a8a80;font-size:12px;margin-top:9px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#699079;font-weight:700;margin-bottom:6px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce5df;background:#fff;color:#3c5447;border-radius:8px;min-height:39px;padding:8px 14px;font-size:12px;font-weight:650;transition:background .15s,border-color .15s,transform .15s;white-space:nowrap}.btn:hover{background:#f3f8f4;border-color:#bacfc1}.btn.primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 3px 5px #1b795315}.btn.primary:hover{background:var(--green-dark)}.btn.danger{color:#bd4b40;border-color:#efdad6}.btn.danger:hover{background:#fff5f3}.btn.small{min-height:31px;padding:5px 10px;font-size:11px}.btn.ghost{border-color:transparent;background:transparent;box-shadow:none}.btn.ghost:hover{background:#edf3ee}.btn.icon{padding:7px;width:34px;min-height:34px}.btn.icon svg{width:16px;height:16px}.btn.icon.close{color:#789084}.btn.link{border:0;background:none;color:var(--green);padding:0;min-height:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:19px 22px;display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:11px;color:#85938b}.stat-value{font-size:28px;font-weight:680;line-height:1.3;margin-top:5px;letter-spacing:-1px}.stat-icon{background:#eef5f0;border-radius:12px;padding:12px;color:#73a384;display:grid;place-items:center}.stat-icon svg{width:22px;height:22px}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 16px}.section-title{font-weight:700;color:#344d3e;display:flex;gap:9px;align-items:center}.section-title .count{font-size:11px;color:#8c9a90;font-weight:500}.search{position:relative;width:240px}.search svg{position:absolute;left:12px;top:11px;color:#94a097;width:15px;height:15px}.search input{width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px 9px 36px;font-size:11px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(305px,1fr));gap:17px}.project-card,.panel{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.project-card{padding:22px;transition:box-shadow .18s,border-color .18s}.project-card:hover{box-shadow:0 9px 30px #285c2f09;border-color:#bdcfc0}.project-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.project-icon{width:42px;height:42px;border:1px solid #dae8df;border-radius:11px;display:grid;place-items:center;background:#eff6f1;color:#437753;font-weight:700;font-size:13px}.project-card h3{margin-top:18px;font-size:17px}.project-card .description{color:#89968e;font-size:12px;min-height:36px;margin-top:5px}.project-meta{display:flex;align-items:center;justify-content:space-between;margin:21px 0 14px;color:#839087;font-size:11px}.project-meta strong{font-weight:550;color:#4a6655}.project-card-foot{padding-top:14px;border-top:1px solid #edf0ec;display:flex;align-items:center;justify-content:space-between;gap:8px}.project-card-foot .date{font-size:10px;color:#9ba69f}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #e0e8e1;border-radius:5px;font-size:10px;font-weight:550;background:#f7f9f7;color:#6b8070}.pill.green{color:#29804e;background:#eef9f0;border-color:#deeee1}.pill.orange{color:#ab7938;background:#fff8ec;border-color:#f1e3cc}.pill.red{color:#c0574b;background:#fff4f0;border-color:#f2ddd7}.empty{background:#fff;border:1px dashed #ceddd1;border-radius:14px;text-align:center;padding:60px 24px;color:#88998c}.empty-icon{width:65px;height:65px;border-radius:20px;background:#edf5ef;color:#7aaa88;display:grid;place-items:center;margin:0 auto 20px}.empty-icon svg{width:27px;height:27px}.empty h3{color:#44634f;font-size:18px;margin-bottom:8px}.empty p{font-size:12px;margin-bottom:23px}.hint-line{display:flex;align-items:flex-start;gap:8px;margin-top:23px;padding:13px 16px;background:#eaf3ed;border:1px solid #dce8df;border-radius:8px;color:#6d8875;font-size:11px}.hint-line svg{width:16px;height:16px;margin-top:1px}.project-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 23px;margin-bottom:24px}.summary-info{display:flex;gap:17px;align-items:center}.summary-info h2{font-size:20px}.summary-info p{font-size:11px;margin-top:4px;color:#8c9990}.project-summary .project-icon{width:50px;height:50px;font-size:16px}.pages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.page-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.page-art{height:190px;position:relative;isolation:isolate;overflow:hidden;background:#122c28}.page-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-art>img.cover{opacity:.65}.page-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#04180d6b,transparent 60%);pointer-events:none;z-index:-1}.page-art .art-inner{padding:24px;display:flex;height:100%;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;color:#fff}.art-brand{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650}.art-logo{width:23px;height:23px;border-radius:6px;object-fit:cover;background:#ffffff22}.art-title{font-size:24px;max-width:100%;line-height:1.15;letter-spacing:-.7px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-shadow:0 2px 15px #0004}.art-line{height:4px;width:80%;background:#ffffff60;border-radius:3px;margin-top:9px}.art-line.short{width:53%;margin-top:6px}.art-button{border-radius:6px;padding:5px 19px;font-size:9px;margin-top:12px;background:#ffffff32;border:1px solid #ffffff4d;color:#fff;min-width:90px;text-align:center}.page-art.centered{background:radial-gradient(ellipse at 50% 30%,#726390,#242333 75%)}.page-art.centered .art-inner{align-items:center;text-align:center}.page-art.centered .art-title{font-family:serif;font-style:italic;color:#f5dfef}.page-art.centered .art-line{margin-left:auto;margin-right:auto}.page-art.unmasked{background:linear-gradient(130deg,#70697b,#948979 60%,#2c4037)}.page-art.unmasked .art-inner{justify-content:space-between}.art-buttons{display:flex;gap:8px;width:100%}.art-buttons .art-button{min-width:0;flex:1;background:linear-gradient(135deg,#ffffff33,#7b56cb55);backdrop-filter:blur(8px)}.page-art.appstore{background:#f1f6fd}.page-art.appstore .art-inner{color:#1e334f;justify-content:flex-start;padding:22px}.page-art.appstore .art-brand{font-size:17px;align-items:flex-start}.page-art.appstore .art-logo{width:48px;height:48px;border-radius:11px;background:#d3e1f3}.store-banners{display:flex;gap:8px;margin-top:20px;width:100%;height:100px;overflow:hidden}.store-banners span,.store-banners img{display:block;object-fit:cover;width:33%;border-radius:6px;background:linear-gradient(160deg,#a6c8ed,#d6eaf4)}.page-art.pstation{background:#1b1e23}.page-art.pstation .art-inner{justify-content:flex-start}.pstation .art-brand{font-size:17px;color:#ffaa49}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:20px;width:100%}.mini-cards div,.mini-cards img{height:53px;border-radius:4px;background:linear-gradient(30deg,#835732,#594b45);object-fit:cover;width:100%}.page-art .art-pill{position:absolute;top:12px;right:12px;z-index:3;background:#ffffffdf;color:#556858;font-size:9px;padding:4px 7px;border-radius:5px}.page-art .art-pill.off{background:#30372fc9;color:#dadfd8}.page-details{padding:17px}.page-title-line{display:flex;align-items:center;justify-content:space-between;gap:6px}.page-title-line h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:170px}.page-details .sub{font-size:10px;color:#89978c;margin-top:5px}.page-links{margin-top:13px;font-size:10px;color:#819486;background:#f7f9f6;border-radius:5px;padding:6px 8px;display:flex;align-items:center;justify-content:space-between}.page-footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #eef1ec;margin-top:15px;padding-top:13px}.page-add{min-height:330px;border:1px dashed #b6cfbc;border-radius:13px;background:#edf5ef5c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#6d9378;font-size:13px}.page-add svg{width:29px;height:29px;margin-bottom:6px}.page-add small{color:#97a99b;font-size:10px}.page-add:hover{background:#e6f1e9}.back-button{margin-bottom:13px;font-size:11px}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.template-card{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}.template-card .page-art{height:224px}.template-info{padding:20px}.template-info p{font-size:11px;color:#8a988f;min-height:34px;margin:5px 0 17px}.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:12px}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{padding:14px 18px;color:#8b9a8f;font-weight:550;font-size:11px;background:#f9fbf8;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px;border-bottom:1px solid #edf1eb;color:#506a57;vertical-align:middle}tr:last-child td{border-bottom:0}td .secondary{font-size:10px;color:#97a69a;margin-top:4px}.log{font-size:11px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f6f8f5;border-radius:8px;margin-top:10px;color:#64776b;max-height:260px;overflow:auto}.deployment-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:24px}.panel h3{margin-bottom:12px}.panel p{font-size:12px;color:#7e9183;line-height:1.9}.step-list{list-style:none;padding:0;margin:22px 0 0;counter-reset:step}.step-list li{position:relative;padding:0 0 22px 35px;font-size:12px;color:#809288}.step-list li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#edf5ef;color:#669277;font-size:11px}.step-list strong{display:block;font-size:13px;color:#43644e;margin-bottom:3px}.code-line{font-family:ui-monospace,Consolas,monospace;font-size:11px;background:#f1f5ef;padding:11px 13px;border-radius:7px;margin:10px 0;color:#56755c;overflow-wrap:anywhere}.overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#11271d59;backdrop-filter:blur(3px)}.drawer{width:min(840px,100%);background:#f8faf7;box-shadow:-20px 0 70px #0b281b25;display:flex;flex-direction:column;max-height:100dvh;animation:slide-in .2s ease-out}.drawer.project-editor{width:min(650px,100%)}.drawer-head{display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line);padding:22px 28px;gap:20px}.drawer-head h2{font-size:19px;margin-top:2px}.drawer-head .eyebrow{font-size:9px;margin:0}.drawer-tabs{display:flex;background:white;padding:0 28px;border-bottom:1px solid var(--line);gap:28px}.drawer-tabs button{border:0;background:none;padding:15px 0;color:#97a299;font-size:12px;font-weight:650;position:relative}.drawer-tabs button.active{color:var(--green)}.drawer-tabs button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--green);border-radius:3px 3px 0 0}.drawer-body{flex:1;overflow:auto;padding:24px 28px 35px}.drawer-foot{padding:17px 28px;border-top:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;gap:12px}.draft-state{font-size:11px;color:#94a097;display:flex;align-items:center;gap:6px}.draft-state.dirty{color:#bd8b4c}.draft-state.dirty .dot{background:#d6a768}.form-section{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;margin-bottom:18px}.form-section>h3,.form-section>.section-heading{margin-bottom:17px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-section .section-note{font-size:11px;color:#8b9b90;line-height:1.8;margin-top:-9px;margin-bottom:18px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;min-width:0}.field.full{grid-column:1/-1}.label{font-size:11px;font-weight:600;color:#597060;display:block;margin-bottom:7px}.field input:not([type=checkbox]),.field textarea,.field select{width:100%;border:1px solid #dce5de;border-radius:7px;padding:10px 11px;background:#fff;color:#355340;font-size:12px;min-height:40px}.field input[readonly]{background:#f6f8f4;color:#839482}.field textarea{resize:vertical;line-height:1.7;min-height:88px}.field .help{font-size:10px;line-height:1.7;color:#94a294;margin-top:6px;display:block}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:18px}.switch-row:last-child{margin-bottom:0}.switch-row strong{font-weight:600;font-size:12px;color:#41614b;display:block}.switch-row small{color:#9aa699;font-size:10px;display:block;margin-top:4px}.switch{position:relative;display:inline-flex;flex:none;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch span{width:36px;height:20px;border-radius:20px;background:#d8e1d8;position:relative;transition:background .15s}.switch span:after{position:absolute;content:"";width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:white;box-shadow:0 1px 3px #15302025;transition:transform .15s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{transform:translateX(16px)}.switch input:focus-visible+span{outline:3px solid #a4d1b8;outline-offset:3px}.template-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:4px}.template-pick{border:1px solid #e0e8de;border-radius:8px;overflow:hidden;background:#fff;padding:0;text-align:left;position:relative}.template-pick.selected{border:2px solid var(--green)}.template-pick .page-art{height:99px;pointer-events:none}.template-pick .art-inner{padding:10px}.template-pick .art-title{font-size:14px}.template-pick .art-brand{font-size:7px}.template-pick .art-logo{width:14px;height:14px}.template-pick .art-button,.template-pick .art-line{display:none}.template-pick .art-buttons .art-button{display:block;padding:3px 6px;font-size:6px}.template-pick .mini-cards{margin-top:10px;gap:3px}.template-pick .mini-cards div,.template-pick .mini-cards img{height:25px}.template-pick .store-banners{height:40px;margin-top:9px}.template-pick>span{display:block;padding:9px 8px;font-size:10px;color:#58705b}.template-pick.selected>span{color:var(--green);font-weight:700;background:#f1f8f2}.template-check{position:absolute;top:6px;right:6px;width:17px;height:17px;background:var(--green);color:white;border-radius:50%;display:grid;place-items:center;font-size:10px}.upload-row{display:flex;align-items:center;gap:18px}.logo-preview{width:76px;height:76px;object-fit:cover;border:1px solid #e3eae0;border-radius:16px;background:#f4f8f2;display:grid;place-items:center;color:#a0b39e;flex:none}.logo-preview svg{width:27px;height:27px}.upload-note{font-size:10px;color:#99a996;margin-top:7px}.file-label{cursor:pointer}.file-label input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.upload-progress{width:100%;height:5px;accent-color:var(--green);margin-top:10px}.media-list{display:flex;flex-direction:column;gap:13px}.media-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;border:1px solid #e1e8de;padding:13px;border-radius:8px;background:#fbfcfa}.media-thumb{width:90px;height:115px;object-fit:cover;border-radius:6px;background:#eef3eb}.media-fields .fields{gap:10px}.media-fields .field input,.media-fields .field select{padding:6px 8px;min-height:32px;font-size:10px}.media-fields .label{font-size:10px;margin-bottom:4px}.media-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px;font-size:10px;color:#91a18d}.media-actions .btn{min-height:25px;padding:3px 5px;font-size:10px}.media-actions svg{width:12px;height:12px}.position-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.position-fields .inline{display:flex;gap:5px;align-items:center}.position-fields input{max-width:62px}.position-fields small{font-size:10px;color:#9fa997}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.gallery-item{position:relative;border:1px solid #e1e7dd;border-radius:8px;overflow:hidden;background:#f8faf5}.gallery-item>img{height:142px;width:100%;object-fit:cover;display:block}.gallery-item .actions{gap:0;justify-content:center;padding:5px;background:white}.gallery-item .actions .btn{padding:4px;min-height:22px;flex:1}.gallery-item .actions svg{width:12px;height:12px}.upload-zone{border:1px dashed #bcd3b9;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding:20px;gap:5px;background:#f7fbf5;color:#7d9a78;text-align:center;cursor:pointer}.upload-zone svg{width:22px;height:22px;margin-bottom:3px}.upload-zone b{font-size:11px;font-weight:600}.upload-zone span{font-size:10px;color:#9daf94}.upload-zone input{position:absolute;opacity:0;width:1px;height:1px}.preset-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:19px}.preset-button{padding:10px 12px;border:1px solid #dee6da;border-radius:8px;background:#f9fbf7;color:#768c70;font-size:11px}.preset-button.active{background:#eaf4e7;color:#287048;border-color:#84b587}.tag-row{display:flex;gap:8px;margin-bottom:9px;align-items:center}.tag-row input,.tag-row select{border:1px solid #dce4d6;border-radius:6px;background:white;padding:8px;font-size:11px;color:#57764f;min-width:0}.tag-row input{flex:1}.tag-row select{width:130px}.browser-group{margin-top:22px;border-top:1px solid #edf1e8;padding-top:18px}.browser-group:first-child{margin-top:0;border-top:0;padding-top:0}.browser-group h4{font-size:11px;color:#5c7554;margin:0 0 13px}.browser-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:11px 8px}.check{display:flex;gap:7px;align-items:center;font-size:10px;color:#798e70;cursor:pointer;line-height:1.4}.check input{margin:0;width:14px;height:14px}.browser-disabled{opacity:.5}.guide-backup{display:flex;align-items:flex-start;gap:10px;background:#f4f8ef;border:1px solid #e1e9d8;border-radius:8px;padding:13px;margin-top:16px;color:#869978;font-size:10px;line-height:1.9}.guide-backup svg{width:17px;height:17px;margin-top:2px}.guide-backup b{font-size:11px;color:#5e7a52;font-weight:600}.sample-backup-action{white-space:nowrap}.sample-backup{display:inline-block;vertical-align:middle;white-space:nowrap;border:1px solid #007aff;border-radius:5px;font-size:10px;padding:2px 7px;margin-left:4px;color:#fff;background:#007aff}.form-error{border:1px solid #efccc2;border-radius:8px;background:#fff5f1;color:#b46453;font-size:12px;padding:12px 15px;margin-bottom:17px;line-height:1.8}.form-error .btn{margin-top:8px}.preview-overlay{z-index:70;justify-content:center;align-items:center;background:#0b1d15b3}.preview-window{width:min(1190px,94vw);height:min(920px,94dvh);border-radius:15px;overflow:hidden;background:#e9ede7;display:flex;flex-direction:column;box-shadow:0 30px 90px #0005}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 19px;gap:12px;background:white;border-bottom:1px solid #dce5d7}.preview-toolbar h3{font-size:13px}.preview-toolbar p{font-size:10px;color:#8fa084;margin-top:2px}.preview-canvas{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:20px}.preview-canvas iframe{border:0;width:390px;height:100%;min-height:400px;background:white;border-radius:12px;box-shadow:0 5px 30px #28451b30}.preview-canvas.desktop iframe{width:100%;border-radius:8px}.preview-tabs{display:flex;background:#edf3e9;border-radius:6px;padding:3px;gap:3px}.preview-tabs button{border:0;background:none;border-radius:4px;padding:5px 11px;color:#96a68a;font-size:10px}.preview-tabs button.active{background:white;box-shadow:0 1px 3px #0001;color:#477537}.preview-loading{margin:auto;text-align:center;font-size:12px;color:#89a179}.toast-stack{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:min(550px,calc(100vw - 30px))}.toast{background:#244e3d;color:#fff;border:1px solid #ffffff15;box-shadow:0 5px 25px #25442d22;padding:12px 19px;border-radius:9px;font-size:12px;max-width:100%;text-align:center;line-height:1.7;animation:toast-in .18s ease}.toast.error{background:#a45442}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{display:flex;flex-direction:column;justify-content:center;padding:10vw 8vw;background:#ecf4eb;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;right:-170px;bottom:-100px;width:470px;height:470px;border:1px solid #b6d4b2;border-radius:50%;box-shadow:0 0 0 75px #bed9b729,0 0 0 150px #bed9b71c}.login-story .brand-mark{width:49px;height:49px;font-size:29px;margin-bottom:32px;position:relative;z-index:1}.login-story h1{font-size:clamp(32px,3.3vw,48px);color:#245b3c;line-height:1.4;position:relative;z-index:1;font-weight:650}.login-story p{font-size:13px;color:#7d9b78;line-height:2;margin-top:22px;max-width:330px;position:relative;z-index:1}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:60px 30px}.login-form{width:340px;max-width:100%}.login-form h2{font-size:25px;margin-bottom:7px}.login-form>p{font-size:12px;color:#91a18b;margin-bottom:30px}.login-form .field{margin-bottom:20px}.login-form .btn{width:100%;margin-top:6px;height:44px}.login-footer{font-size:10px;color:#a4afa0;margin-top:26px;text-align:center;letter-spacing:1px}.busy-indicator{width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.mobile-menu{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slide-in{from{transform:translateX(35px);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes toast-in{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.main{padding-top:43px}.page-art{height:220px}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
@media(max-width:1150px){.layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.main{padding:28px 25px}.topbar{padding:0 25px}.page-head h1{font-size:25px}.stats{gap:10px}.stat{padding:17px}.stat-icon{padding:9px}.deployment-grid{grid-template-columns:1fr}.project-summary{align-items:flex-start}.project-summary>.actions{justify-content:flex-end;max-width:190px}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
@media(max-width:780px){.layout{display:block}.sidebar{position:relative;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:15px 20px}.brand{margin:0;padding:0}.brand-mark{width:31px;height:31px;font-size:19px}.brand-name{font-size:15px}.brand-sub{font-size:8px}.sidebar .nav-caption,.sidebar-bottom{display:none}.nav{flex-direction:row;gap:6px;margin-top:16px;justify-content:space-between}.nav button{padding:9px 10px;gap:6px;font-size:11px}.nav svg{width:15px;height:15px}.nav-count{display:none}.topbar{height:52px;padding:0 22px}.topbar-badge{font-size:9px;padding:4px 7px}.main{padding:23px 20px 40px}.page-head{align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:25px}.page-head p{font-size:11px;max-width:280px}.page-head .actions .btn{padding:8px 10px;font-size:10px}.eyebrow{font-size:9px}.stats{gap:8px;margin-bottom:22px}.stat{padding:13px 12px}.stat-label{font-size:9px}.stat-value{font-size:23px}.stat-icon{display:none}.project-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.section-bar{margin-top:20px}.search{width:180px}.section-title{font-size:12px}.project-summary{padding:16px;display:block}.project-summary>.actions{max-width:100%;justify-content:flex-start;margin-top:16px}.pages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-art{height:155px}.page-art .art-inner{padding:17px}.art-title{font-size:19px}.page-details{padding:13px}.page-title-line h3{font-size:12px}.page-title-line .pill{font-size:8px;padding:2px 4px}.page-footer .btn{padding:5px 7px;font-size:9px;min-height:28px}.page-footer svg{width:12px;height:12px}.page-links{font-size:8px;padding:5px}.page-add{min-height:295px;font-size:11px}.page-add small{font-size:9px}.drawer-head{padding:19px 21px}.drawer-tabs{padding:0 21px;gap:25px}.drawer-body{padding:18px 19px}.drawer-foot{padding:14px 19px}.form-section{padding:17px}.browser-checks{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fields{gap:14px}.draft-state{font-size:9px}.drawer-foot .btn{font-size:10px;padding:8px 11px}.preview-toolbar{padding:12px}.preview-toolbar h3{font-size:11px}.preview-toolbar .actions{gap:4px}.preview-window{width:96vw;height:96dvh}.preview-canvas{padding:12px}.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-wrap{min-height:100vh}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.template-card .page-art{height:174px}.template-info{padding:15px}.template-info h3{font-size:12px}.template-info p{font-size:10px}.template-info .btn{font-size:10px}.media-row{grid-template-columns:70px minmax(0,1fr);padding:10px;gap:10px}.media-thumb{width:70px;height:90px}.position-fields{gap:7px}.position-fields input{max-width:47px!important}.media-fields .label{font-size:9px}.media-fields .fields{grid-template-columns:1fr}.media-fields .field.full{grid-column:auto}}
@media(max-width:450px){.nav button{padding:8px;font-size:10px}.nav svg{width:14px;height:14px}.main{padding-left:15px;padding-right:15px}.page-head>.actions{max-width:130px}.page-head>.actions .btn{min-height:33px}.search{width:152px}.page-art{height:145px}.page-art .art-inner{padding:13px}.art-logo{width:19px;height:19px}.art-title{font-size:17px}.page-art.appstore .art-inner{padding:12px}.page-art.appstore .art-brand{font-size:11px}.page-art.appstore .art-logo{width:34px;height:34px}.page-links .btn{display:none}.page-details .sub{font-size:9px}.template-picks{grid-template-columns:repeat(2,1fr)}.fields{grid-template-columns:1fr}.browser-checks{grid-template-columns:repeat(2,1fr)}.template-gallery{grid-template-columns:1fr}.template-card .page-art{height:215px}.position-fields{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-foot>.draft-state{display:none}.drawer-foot{justify-content:flex-end}.preview-toolbar p{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}