@font-face{font-family:Inter;src:url('../fonts/Inter-Regular.woff2')}@font-face{font-family:Inter;src:url('../fonts/Inter-Bold.woff2');font-weight:700}@font-face{font-family:Oswald;src:url('../fonts/Oswald-SemiBold.woff2');font-weight:600}@font-face{font-family:Playfair;src:url('../fonts/PlayfairDisplay-Bold.woff2');font-weight:700}@font-face{font-family:Pacifico;src:url('../fonts/Pacifico-Regular.woff2')}@font-face{font-family:RobotoSlab;src:url('../fonts/RobotoSlab-Medium.woff2')}@font-face{font-family:BarlowCondensed;src:url('../fonts/BarlowCondensed-Bold.woff2');font-weight:700}
:root{--bg:#f4f5f8;--panel:#fff;--ink:#171923;--muted:#6b7280;--line:#e5e7eb;--accent:#6d5dfc;--accent2:#8b7fff;--accent-soft:#efedff;--dark:#171923;--danger:#d63f53;--shadow:0 12px 34px rgba(24,25,35,.12);--radius:14px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.view{height:100%}.btn{border:0;border-radius:9px;padding:10px 16px;font-weight:700}.btn-primary{background:linear-gradient(135deg,var(--accent),#8f62ff);color:white;box-shadow:0 5px 14px rgba(109,93,252,.28)}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:#f2f3f7;border:1px solid var(--line);color:var(--ink)}.btn-lg{padding:14px 20px}.btn-block{width:100%}.icon-btn,.top-btn,.mini-btn,.text-button,.brand-button{border:0;background:transparent;color:inherit}.icon-btn{width:34px;height:34px;border-radius:8px;font-size:18px}.icon-btn:hover,.top-btn:hover,.mini-btn:hover{background:#eceef4}.top-btn{padding:8px 10px;border-radius:8px}.mini-btn{padding:6px 9px;border-radius:7px;font-size:12px}.text-button{color:var(--accent);font-weight:700}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--accent)}
.home-view{overflow:auto;background:radial-gradient(circle at top right,#eeeaff 0,transparent 30%),#f7f8fb}.home-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.78);backdrop-filter:blur(16px);position:sticky;top:0;z-index:4}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup>div:last-child{display:flex;flex-direction:column;line-height:1}.brand-lockup span{font-size:11px;color:var(--muted);margin-top:4px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--accent),#995eff);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 6px 15px rgba(109,93,252,.35)}.brand-mark.small{width:28px;height:28px;border-radius:8px}.privacy-pill{padding:9px 12px;border-radius:999px;background:#ecfdf3;color:#17663a;font-size:12px;font-weight:700}.dashboard{max-width:1280px;margin:0 auto;padding:42px 24px 70px}.hero-card{background:linear-gradient(135deg,#171923 0,#28253b 60%,#4f3daa 100%);border-radius:26px;min-height:350px;padding:46px;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;box-shadow:0 26px 60px rgba(23,25,35,.22)}.hero-card h1{font-size:clamp(38px,5vw,66px);line-height:1.02;margin:12px 0 18px;max-width:750px}.hero-card p{font-size:17px;color:#d8d8e3;line-height:1.6;max-width:650px}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-preview{display:grid;place-items:center}.preview-poster{width:310px;aspect-ratio:1.15;background:linear-gradient(155deg,#f9d84a,#ff9f41);border-radius:18px;transform:rotate(4deg);box-shadow:0 30px 50px rgba(0,0,0,.28);padding:22px;color:#161616;position:relative;overflow:hidden}.preview-poster:before{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#fff;opacity:.2;right:-70px;top:-60px}.poster-tag{display:inline-block;background:#111;color:#fff;padding:8px 11px;border-radius:6px;font-family:Oswald;font-size:14px}.poster-car{font-size:100px;text-align:center;margin:16px 0}.poster-copy{font-size:28px;line-height:1.08}.dashboard-section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-heading h2{margin:5px 0 0;font-size:26px}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.preset-card{border:1px solid var(--line);background:white;border-radius:14px;padding:16px;text-align:left;transition:.18s;box-shadow:0 3px 10px rgba(20,20,30,.03)}.preset-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c8c2ff}.preset-icon{height:95px;border-radius:9px;background:linear-gradient(135deg,#f1efff,#ded9ff);display:grid;place-items:center;margin-bottom:12px}.preset-icon div{background:white;border:2px solid var(--accent);box-shadow:0 7px 14px rgba(109,93,252,.14)}.preset-card b{display:block}.preset-card small{color:var(--muted);display:block;margin-top:4px}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.recent-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-align:left}.recent-thumb{height:135px;background:#e9eaf0 center/contain no-repeat;display:grid;place-items:center;color:var(--muted)}.recent-info{padding:13px}.recent-info b{display:block}.recent-info small{color:var(--muted)}.recent-actions{display:flex;border-top:1px solid var(--line)}.recent-actions button{flex:1;border:0;background:#fff;padding:9px;font-size:12px}.recent-actions button:hover{background:#f5f6f9}.empty-state{border:1px dashed #cdd0d9;border-radius:14px;padding:32px;text-align:center;color:var(--muted);grid-column:1/-1}
.editor-view{background:#eef0f5}.topbar{height:56px;background:var(--dark);color:#fff;display:grid;grid-template-columns:1fr minmax(240px,420px) 1fr;align-items:center;padding:0 12px;position:relative;z-index:30}.topbar-left,.topbar-right{display:flex;align-items:center;gap:5px}.topbar-right{justify-content:flex-end}.brand-button{display:flex;align-items:center;gap:7px;padding:5px;border-radius:8px}.topbar .icon-btn:hover,.topbar .top-btn:hover{background:#2c2f3d}.project-center{text-align:center}.project-name{background:transparent;border:1px solid transparent;color:white;text-align:center;border-radius:7px;padding:5px 10px;width:100%;font-weight:700}.project-name:focus{outline:0;border-color:#7166d8;background:#252735}.save-status{display:block;font-size:9px;color:#a9adba;margin-top:1px}.file-menu-wrap{position:relative}.dropdown{position:absolute;top:42px;left:0;width:190px;background:white;color:var(--ink);border-radius:10px;box-shadow:var(--shadow);padding:7px;z-index:50;border:1px solid var(--line)}.dropdown button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:6px}.dropdown button:hover{background:#f0f1f5}.dropdown hr{border:0;border-top:1px solid var(--line)}.danger-text{color:var(--danger)!important}
.editor-shell{height:calc(100% - 56px);display:grid;grid-template-columns:76px 300px 1fr}.tool-rail{background:#20222c;color:#e8e8ee;padding:8px 6px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.rail-item{border:0;background:transparent;color:#b9bdc9;border-radius:9px;min-height:57px;padding:6px 3px;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.rail-item span{font-size:19px}.rail-item:hover,.rail-item.active{background:#343643;color:#fff}.side-panel{background:var(--panel);border-right:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;z-index:8}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 17px 11px}.panel-head small{font-size:9px;color:var(--accent);letter-spacing:.14em;font-weight:700}.panel-head h2{margin:3px 0 0;font-size:21px}.mobile-panel-close{display:none}.panel-body{overflow-y:auto;padding:0 14px 22px;flex:1}.panel-search{width:100%;border:1px solid var(--line);background:#f7f8fa;border-radius:8px;padding:10px 12px;margin-bottom:13px}.panel-section{margin:18px 0}.panel-section h3{font-size:13px;margin:0 0 10px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.template-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;padding:0;text-align:left}.template-card:hover{border-color:var(--accent);box-shadow:0 5px 14px rgba(0,0,0,.08)}.template-thumb{aspect-ratio:1.25;display:flex;align-items:end;padding:8px;color:#fff;font-family:Oswald;font-weight:600;font-size:14px;position:relative;overflow:hidden}.template-thumb:before{content:"";position:absolute;inset:auto -20px -35px auto;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.2)}.template-card span{display:block;font-size:11px;padding:7px;color:var(--ink)}.upload-drop{border:2px dashed #c8cad3;border-radius:12px;padding:25px 12px;text-align:center;background:#fafbfc}.upload-drop.dragover{border-color:var(--accent);background:var(--accent-soft)}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.asset-card{position:relative;border:1px solid var(--line);border-radius:9px;background:#f5f6f8;aspect-ratio:1;overflow:hidden}.asset-card img{width:100%;height:100%;object-fit:contain}.asset-card .remove-asset{position:absolute;right:4px;top:4px;width:23px;height:23px;border:0;border-radius:50%;background:rgba(0,0,0,.66);color:white}.add-list{display:grid;gap:8px}.add-list button,.panel-button{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px;text-align:left;font-weight:700}.add-list button:hover,.panel-button:hover{background:#f7f6ff;border-color:#cbc5ff}.shape-grid,.sticker-grid,.color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-btn,.sticker-btn,.color-swatch{aspect-ratio:1;border:1px solid var(--line);background:#f8f9fb;border-radius:8px;display:grid;place-items:center;font-size:25px}.shape-btn:hover,.sticker-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.color-swatch{border:2px solid white;box-shadow:0 0 0 1px var(--line)}.layer-list{display:flex;flex-direction:column;gap:6px}.layer-row{display:grid;grid-template-columns:28px 1fr repeat(3,27px);gap:4px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:6px;background:white}.layer-row.active{border-color:var(--accent);background:var(--accent-soft)}.layer-icon{width:26px;height:26px;border-radius:5px;background:#eef0f5;display:grid;place-items:center}.layer-name{border:0;background:transparent;min-width:0;font-size:11px}.layer-row button{border:0;background:transparent;border-radius:5px;padding:4px}.layer-row button:hover{background:#e9eaf0}.brand-card{background:#f7f6ff;border:1px solid #dedaff;border-radius:12px;padding:13px}.brand-logo-list img{max-width:100%;max-height:80px}
.workspace-column{min-width:0;display:grid;grid-template-rows:48px 1fr 38px auto;overflow:hidden}.context-toolbar{background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:6px 10px;overflow-x:auto;white-space:nowrap}.tool-divider{width:1px;height:25px;background:var(--line);margin:0 4px}.control{display:flex;align-items:center;gap:5px}.control label{font-size:10px;color:var(--muted)}.control input[type=number]{width:64px}.context-toolbar input,.context-toolbar select,.context-toolbar button{height:32px;border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 8px}.context-toolbar button:hover{background:#f3f4f7}.context-toolbar input[type=color]{width:36px;padding:3px}.workspace{position:relative;overflow:auto;background:#e4e6eb;background-image:radial-gradient(#cacdd5 1px,transparent 1px);background-size:20px 20px}.canvas-stage{min-width:100%;min-height:100%;display:grid;place-items:center;padding:55px;position:relative}.canvas-wrap{position:relative;background:#fff;box-shadow:0 8px 32px rgba(25,26,35,.22);flex:none}.canvas-wrap.grid-visible{background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:20px 20px}.canvas-wrap canvas{display:block}.safe-area{position:absolute;inset:8%;border:2px dashed rgba(0,132,255,.75);pointer-events:none;z-index:10}.bleed-area{position:absolute;inset:-10px;border:2px dashed rgba(214,63,83,.7);pointer-events:none}.ruler{position:absolute;background:#f8f9fb;border:1px solid var(--line);z-index:5}.ruler-top{height:22px;left:0;right:0;top:0;background-image:repeating-linear-gradient(90deg,transparent 0 19px,#a9adb8 20px)}.ruler-left{width:22px;top:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent 0 19px,#a9adb8 20px)}.workspace-footer{height:38px;background:white;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 10px}.footer-left,.zoom-controls{display:flex;align-items:center;gap:5px}.zoom-controls input{width:110px}.zoom-controls span{font-size:11px;min-width:37px}.pages-panel{height:144px;background:#f7f8fa;border-top:1px solid var(--line);display:flex;gap:10px;padding:12px;overflow-x:auto;align-items:flex-start}.page-strip{display:flex;gap:10px}.page-card{width:136px;flex:none}.page-thumb-wrap{height:92px;border:2px solid transparent;border-radius:8px;background:#e1e3e9;display:grid;place-items:center;overflow:hidden;position:relative}.page-card.active .page-thumb-wrap{border-color:var(--accent)}.page-thumb-wrap img{max-width:100%;max-height:100%;object-fit:contain}.page-actions{position:absolute;right:3px;top:3px;display:none;gap:3px}.page-thumb-wrap:hover .page-actions{display:flex}.page-actions button{width:24px;height:24px;border:0;border-radius:5px;background:rgba(18,19,26,.75);color:white}.page-title{font-size:11px;border:0;background:transparent;width:100%;padding:5px 2px;text-align:center}.add-page-card{width:110px;height:92px;flex:none;border:2px dashed #c5c8d1;border-radius:8px;background:white;color:var(--muted)}
.modal{border:0;padding:0;border-radius:16px;box-shadow:0 30px 90px rgba(0,0,0,.35);max-width:calc(100vw - 30px)}.modal::backdrop{background:rgba(16,17,24,.62);backdrop-filter:blur(4px)}.modal-card{width:540px;max-width:100%;padding:22px;background:white}.modal-card.wide{width:800px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.modal-head small{font-size:10px;color:var(--accent);font-weight:700;letter-spacing:.14em}.modal-head h2{margin:4px 0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row.three{grid-template-columns:1fr 1fr 1fr}.modal label{display:grid;gap:6px;font-size:12px;font-weight:700;margin-bottom:12px}.modal input,.modal select,.modal textarea{border:1px solid var(--line);border-radius:8px;padding:10px;background:white}.helper{font-size:12px;color:var(--muted)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.export-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.export-preview{background:#e9ebf0;border-radius:12px;min-height:350px;display:grid;place-items:center;padding:20px}.export-preview img{max-width:100%;max-height:330px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.stack-actions{display:grid;gap:8px}.preview-modal{width:min(1100px,95vw);height:min(800px,90vh);background:#171923}.preview-card{width:100%;height:100%;background:#171923;padding:30px;overflow:auto;position:relative}.preview-close{position:fixed;right:35px;top:25px;width:40px;height:40px;border:0;border-radius:50%;background:white;font-size:24px;z-index:3}.preview-pages{display:grid;gap:30px;place-items:center}.preview-pages img{max-width:90%;max-height:75vh;box-shadow:0 15px 50px rgba(0,0,0,.4)}.tutorial-card{text-align:center;width:480px}.tutorial-icon{width:70px;height:70px;border-radius:20px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:34px;margin:0 auto 15px}.tutorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.tutorial-grid div{background:#f5f6f9;border-radius:10px;padding:13px;display:grid;gap:5px}.tutorial-grid b{color:var(--accent)}
.toast-region{position:fixed;right:18px;top:70px;z-index:100;display:grid;gap:8px}.toast{background:#171923;color:#fff;padding:11px 14px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;animation:toastIn .2s ease}.toast.error{background:#9f2636}.toast.success{background:#17663a}@keyframes toastIn{from{transform:translateY(-8px);opacity:0}}
@media(max-width:900px){.editor-shell{grid-template-columns:64px 260px 1fr}.side-panel{position:absolute;left:64px;top:56px;bottom:0;width:280px}.hero-card{grid-template-columns:1fr}.hero-preview{display:none}.topbar{grid-template-columns:1fr 200px 1fr}.brand-button strong{display:none}}@media(max-width:650px){html,body{overflow:auto}.editor-view{min-width:980px}.dashboard{padding:24px 14px}.hero-card{padding:28px}.hero-card h1{font-size:39px}.hero-actions{flex-direction:column}.field-row,.field-row.three,.export-layout{grid-template-columns:1fr}.home-header{padding:0 15px}.privacy-pill{display:none}}
@media print{body>*:not(#printRoot){display:none!important}}