:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:#19263c;background:#f6f9fe;font-synthesis:none;font-size:14px;--blue:#1976ed;--line:#e2e9f2;--muted:#76849b;--surface:#fff;--shadow:0 8px 34px rgba(28,51,90,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #86b8ff;outline-offset:2px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.app-shell{height:min(100dvh,1040px);min-height:690px;display:flex;flex-direction:column;background:#f3f7fd}.topbar{height:70px;flex:none;display:flex;align-items:center;gap:22px;padding:0 25px;background:var(--surface);border-bottom:1px solid var(--line);z-index:5}.identity{display:flex;align-items:center;gap:12px;min-width:245px;white-space:nowrap}.brand{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;letter-spacing:-.55px}.brand-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#65c9ff,#1d77ed);color:#fff;font-size:19px;box-shadow:0 3px 12px rgba(24,119,237,.2)}.crumb{color:#bcc7d7}.product-name{font-size:13px;color:#50617b;font-weight:650}.document-info{display:flex;align-items:center;gap:9px;min-width:110px;flex:1;justify-content:center}.document-info input{width:min(100%,215px);font-size:14px;min-width:100px;border:1px solid transparent;border-radius:8px;background:0 0;padding:8px 7px;font-weight:650;text-align:center;color:#1d2a42}.document-info input:focus,.document-info input:hover{background:#f6f9fe;border-color:var(--line)}.save-status{font-size:11px;color:var(--muted);white-space:nowrap}.top-actions{display:flex;align-items:center;gap:6px;position:relative}.btn{border-radius:9px;min-height:38px;padding:0 14px;font-weight:650;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s,transform .12s,color .15s}.btn:hover:not(:disabled){background:#e8f2ff}.btn:active:not(:disabled){transform:translateY(1px)}.btn.subtle{color:#4d607b;background:0 0}.btn.bordered{color:#3f5774;background:#fff;border:1px solid #dce5f1}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(25,118,237,.17)}.btn.primary:hover{background:#0965dd}.btn.square{width:36px;min-width:36px;padding:0;font-size:22px;font-weight:450}.btn.compact{min-height:35px;padding:0 12px}.btn.small{min-height:33px;padding:0 12px;font-size:12px}.btn.block{width:100%}.separator{height:24px;width:1px;background:var(--line);margin:0 3px}.export-menu{position:absolute;z-index:20;right:25px;top:46px;min-width:255px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 14px 36px rgba(20,39,71,.17);padding:6px}.export-menu button{width:100%;background:0 0;border:0;border-radius:8px;padding:12px 13px;text-align:left;color:#33455f;font-size:13px}.export-menu button:focus-visible,.export-menu button:hover{background:#edf5ff}.mobile-tools{display:none}.workspace{flex:1;display:grid;grid-template-columns:258px minmax(0,1fr) 288px;min-height:0}.sidebar{background:#fff;display:flex;flex-direction:column;min-width:0}.sidebar.library{border-right:1px solid var(--line)}.sidebar.inspector{border-left:1px solid var(--line)}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:15px 14px 0;border-bottom:1px solid var(--line)}.tab{background:#fff;min-height:41px;font-weight:650;color:var(--muted);position:relative}.tab.active{color:var(--blue)}.tab.active:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:3px;border-radius:5px 5px 0 0;background:var(--blue)}.inspector-scroll,.side-scroll{overflow:auto;min-height:0;flex:1;overscroll-behavior:contain}.library-pane{padding:22px 17px}.inspector-title h2,.section-head h2{font-size:14px;font-weight:800;margin:0 0 6px;letter-spacing:-.18px}.section-head p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 18px}.section-head.subsection{margin-top:27px}.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.layout-button{padding:12px 8px 10px;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:110px;color:#4b5b70;text-align:center}.layout-button:hover{border-color:#8fbbff;background:#f8fbff}.layout-button.active{border-color:var(--blue);background:#eef6ff;box-shadow:0 0 0 1px var(--blue)}.layout-visual{height:58px;width:55px;margin:0 auto 8px;display:grid;gap:3px}.layout-visual span{border:1.7px solid #7f9bc1;border-radius:2px;background:#f0f5fd}.layout-button.active .layout-visual span{border-color:var(--blue);background:#cde4ff}.layout-name{font-weight:700;font-size:11px;line-height:1.2}.template-grid{display:grid;gap:9px}.template-card{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;padding:10px;text-align:left}.template-card:hover{background:#f4f9ff;border-color:#abcfff}.template-preview{width:46px;height:55px;border-radius:7px;background:#dceeff;display:grid;place-items:center;font-size:23px;flex:none}.template-card strong{display:block;font-size:12px}.template-card small{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.35}.element-list{display:grid;gap:8px}.element-list button{border:1px solid var(--line);border-radius:11px;background:#fff;display:flex;gap:10px;align-items:center;text-align:left;padding:10px;color:#24334a}.element-list button:hover{background:#f3f9ff;border-color:#b4d1ff}.element-emoji{font-size:21px;width:34px;height:35px;border-radius:9px;background:#f2f7ff;display:grid;place-items:center;color:#2c76c8;font-weight:800}.element-list strong{font-size:12px;display:block}.element-list small{font-size:11px;display:block;color:var(--muted);margin-top:3px}.add-symbol{margin-left:auto;color:#1976ed;font-size:18px}.tiny-note{font-size:11px;line-height:1.6;color:var(--muted);margin-top:12px}.sidebar-footer{border-top:1px solid var(--line);padding:16px 18px;font-size:11px;font-weight:650;color:#647894;line-height:1.65}.sidebar-footer small{font-weight:400}.page-list{display:grid;gap:9px;margin-bottom:14px}.page-row{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:8px;background:#fff;border-radius:11px}.page-row.active{border-color:var(--blue);background:#f1f7ff}.page-row-main{border:0;background:0 0;display:flex;align-items:center;gap:9px;flex:1;text-align:left;padding:2px}.page-thumb{display:block;width:30px;height:41px;border:1px solid #c1cad6;border-radius:2px;background:linear-gradient(180deg,#e4f0ff 0 48%,#fff 48% 52%,#f9e6d2 52%);box-shadow:0 2px 3px #00000010;flex:none}.page-row strong{font-size:12px}.page-row small{display:block;color:var(--muted);font-size:10px}.page-mini{width:26px;height:26px;border-radius:6px;background:0 0;color:#66768d;font-size:17px}.page-mini:hover{background:#e4edfc}.editor{min-width:0;display:flex;flex-direction:column;background:#edf2fa}.editor-toolbar{flex:none;height:57px;background:#f8fafd;border-bottom:1px solid #dbe4f1;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:10px}.toolbar-label{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}.toolbar-label strong{font-weight:800}.toolbar-label>span:last-child{color:var(--muted)}.dot,.status-pulse{width:7px;height:7px;background:#4eb2ff;border-radius:50%;display:inline-block}.editor-quick{display:flex;align-items:center;gap:5px}.toolbar-divider{height:22px;width:1px;background:var(--line);margin:0 9px}.zoom-label{font-size:12px;min-width:40px;text-align:center;color:#6b7b90;font-weight:700}.snap-label{display:flex;align-items:center;gap:6px;font-size:12px;color:#687991;margin-left:10px;white-space:nowrap;cursor:pointer}.snap-label input{accent-color:var(--blue)}.canvas-viewport{overflow:auto;flex:1;min-height:0;padding:30px 34px;display:flex;align-items:flex-start;justify-content:center;overscroll-behavior:contain}.canvas-stage{flex:none;box-shadow:0 12px 55px #20334f21,0 3px 12px #20334f18;line-height:0;background:#fff;transition:width .12s,height .12s}#comicCanvas{display:block;touch-action:none;cursor:default;user-select:none}.editor-bottom{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:10px 23px;min-height:43px;background:#f8fafd;border-top:1px solid #dbe4f1;color:#6e7e95;font-size:11px}.keyboard-hint{white-space:nowrap}.inspector-title{padding:23px 19px 18px;border-bottom:1px solid var(--line)}.inspector-title h2{font-size:15px}.inspector-title span{font-size:11px;color:var(--muted)}.inspector-scroll{padding:0 18px 18px}.inspector-group{padding:20px 0;border-bottom:1px solid var(--line)}.inspector-group h3{font-size:12px;margin:0 0 16px;font-weight:800}.inspector-group p{line-height:2;font-size:12px;color:#718199;margin:0}.field{display:flex;flex-direction:column;gap:7px;min-width:0;margin-bottom:12px}.field:last-child{margin-bottom:0}.field label{font-size:11px;font-weight:700;color:#596b83}.field input:not([type=color]):not([type=range]),.field select,.field textarea{border:1px solid #dce5f1;background:#fff;border-radius:8px;padding:9px 10px;color:#25344a;width:100%;min-width:0;min-height:36px;outline-offset:1px}.field textarea{line-height:1.55;resize:vertical;min-height:90px}.field input[type=color]{height:36px;width:100%;border:1px solid #dce5f1;padding:4px;border-radius:8px;background:#fff;cursor:pointer}.field input[type=range]{width:100%;accent-color:var(--blue)}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inspector-actions{display:grid;gap:8px;padding:16px 0}.danger-text{color:#cc4759!important}.inspector-footer{border-top:1px solid var(--line);padding:15px 18px;font-size:11px;color:#8292a8;display:flex;gap:8px;align-items:center}.status-pulse{background:#34c689}.seo-section{max-width:1120px;margin:0 auto;padding:65px 24px 75px}.seo-section>div:first-child{max-width:820px}.eyebrow{letter-spacing:2px;color:#3484e7;font-size:11px;font-weight:850;text-transform:uppercase}.seo-section h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px;margin:10px 0 14px}.seo-section>div:first-child>p:last-child{color:#65758e;font-size:16px;line-height:1.8}.seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px}.seo-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.seo-grid h2{font-size:15px;margin:0 0 10px}.disclaimer,.seo-grid p{font-size:13px;line-height:1.8;color:#718199}.disclaimer{margin-top:25px}.help-dialog{border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 80px #1428473d;max-width:500px;padding:26px;color:#253650}.help-dialog::backdrop{background:#17253c80}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:19px;margin:0}.help-dialog li,.help-dialog p{font-size:13px;line-height:1.8;color:#5d6c81}.help-dialog ul{padding-left:20px}.help-dialog kbd{background:#f0f5fb;border:1px solid var(--line);padding:2px 5px;border-radius:4px;color:#273a58;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1a2940;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:0 12px 36px #14284740;z-index:80;max-width:min(500px,95vw);line-height:1.5;font-size:12px;text-align:center}.toast.error{background:#8d2933}@media(max-width:1200px){.workspace{grid-template-columns:230px minmax(0,1fr) 245px}.identity{min-width:auto}.topbar{gap:12px;padding:0 15px}.product-name{display:none}.document-info{justify-content:flex-start}.keyboard-hint{display:none}}@media(max-width:970px){.workspace{grid-template-columns:225px minmax(0,1fr)}.sidebar.inspector{position:fixed;top:70px;bottom:0;right:0;width:290px;z-index:12;box-shadow:-12px 0 50px #182c4930;transform:translateX(105%);transition:transform .2s}.sidebar.inspector.visible{transform:translateX(0)}.mobile-tools{display:flex;align-items:center;justify-content:space-between;min-height:47px;background:#fff;border-bottom:1px solid var(--line);padding:5px 14px;font-size:12px;color:#78879b}.mobile-tools button{min-height:32px}.top-actions .compact:not(.primary),.top-actions .separator{display:none}.document-info{justify-content:center}.topbar{height:65px}.sidebar.inspector{top:112px}}@media(max-width:690px){.app-shell{min-height:650px;height:100dvh}.topbar{padding:0 10px;gap:5px;height:62px}.brand{font-size:0}.brand-symbol{font-size:19px}.document-info{flex:1;min-width:0}.document-info input{width:min(130px,100%);font-size:12px}.save-status{display:none}.top-actions{gap:2px}.top-actions #redo,.top-actions #undo{display:none}.top-actions .btn.primary{padding:0 9px;min-height:33px}.workspace{display:block;position:relative;overflow:hidden}.sidebar.inspector,.sidebar.library{position:absolute;top:0;bottom:0;width:min(310px,85vw);z-index:13;box-shadow:12px 0 45px #182c4930;transition:transform .2s}.sidebar.library{left:0;transform:translateX(-110%)}.sidebar.library.visible{transform:translateX(0)}.sidebar.inspector{left:auto;right:0;transform:translateX(110%)}.sidebar.inspector.visible{transform:translateX(0)}.editor{height:100%}.editor-toolbar{padding:0 10px;height:48px}.editor-quick{gap:1px}.editor-quick .btn.small:first-child,.editor-quick .btn.small:nth-child(2),.snap-label,.toolbar-divider{display:none}.canvas-viewport{padding:20px 12px;justify-content:flex-start}.editor-bottom{padding:8px 12px}.seo-section{padding:42px 20px}.seo-grid{grid-template-columns:1fr}.mobile-tools{min-height:46px}.help-dialog{margin:20px auto;width:calc(100% - 30px)}.export-menu{right:4px;top:43px}.inspector-title{padding-top:17px}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.layer-selector{padding:12px 18px;border-bottom:1px solid var(--line);display:grid;gap:6px}.layer-selector label{font-size:11px;color:#60728b;font-weight:700}.layer-selector select{min-height:35px;width:100%;border:1px solid #dce5f1;border-radius:8px;padding:5px 8px;background:#fff;color:#31445f;font-size:12px}.overflow-note{margin:9px 0 0;color:#97470d;background:#fff8ed;border:1px solid #edc997;border-radius:8px;padding:9px 10px;font-size:11px;line-height:1.5}.mobile-project-actions{display:none;padding:17px 0;margin-top:16px;border-top:1px solid var(--line)}.mobile-project-actions h3{font-size:12px;margin:0 0 12px}.mobile-project-actions .btn{margin:5px 0}.mobile-save-status{display:none;color:#526783;font-size:11px}#cancelExport{border-color:#dd9da2;color:#9e3442;background:#fff8f8}@media(max-width:970px){.mobile-project-actions{display:block}}@media(max-width:690px){.mobile-save-status{display:inline}.editor-bottom .keyboard-hint{display:none}.editor-bottom{flex-wrap:wrap}#cancelExport{display:inline-flex;font-size:11px;padding:0 7px}}#cancelExport[hidden]{display:none!important}#panTool[aria-pressed=true]{background:#dbeafe;border-color:#7db4ff;color:#1354aa}@media(max-width:970px){#cancelExport:not([hidden]){display:inline-flex}}.mobile-history{display:flex;gap:3px;align-items:center}.mobile-history .btn{min-width:31px;min-height:32px}@media(min-width:691px){.mobile-history{display:none}}