*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible{outline:3px solid #5b9dff;outline-offset:3px}a{color:#1260db}h1,h2,h3,p{margin:0}input,textarea{width:100%;padding:9px 11px;border:1px solid var(--input);border-radius:6px;background:white;color:#17243c;min-width:0}textarea{resize:vertical}label{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.topbar{background:#101f38;color:white;padding:17px 26px;gap:20px;justify-content:space-between}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brandmark{background:#26cdf5;color:#122746;padding:8px;border-radius:7px}.brand strong{display:block;font-size:20px;letter-spacing:1px}.brand small{font-size:13px;color:#b9c9e0}.badge{font-size:12px;letter-spacing:.06em;font-weight:700;background:#253856;padding:5px 10px;border:1px solid #425675;border-radius:30px}.bar{background:white;border-bottom:1px solid var(--border);padding:14px 24px;gap:18px;justify-content:space-between}.bar,.row{display:flex;align-items:center;flex-wrap:wrap}.row{gap:10px}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--border);padding:10px 14px;background:white;border-radius:6px;font-weight:600;font-size:14px;color:#20354f;text-decoration:none}.btn:hover{background:#edf3fb}.btn.primary{background:#1260db;color:white;border-color:#1260db}.btn.primary:hover{background:#104fad}.workspace{display:grid;grid-template-columns:290px minmax(340px,1fr) 310px;min-height:calc(100vh - 160px)}.panel{padding:23px 20px;background:white;overflow:auto}.panel.left{border-right:1px solid var(--border)}.panel.right{border-left:1px solid var(--border)}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:700;color:#687994;margin-bottom:8px}.panel h2{font-size:20px;margin-bottom:15px;letter-spacing:-.4px}.muted{font-size:14px;color:#62728a}.upload{border:1px dashed #90a9cb;border-radius:8px;padding:19px 12px;margin-bottom:14px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;width:100%;background:#f7faff;color:#225ba4}.upload strong{font-size:15px}.sep{border-top:1px solid var(--border);margin:22px 0}.layer{display:flex;align-items:center;gap:10px;padding:12px 8px;border:1px solid transparent;border-radius:7px;margin-bottom:5px}.layer.active{border-color:#a5c4f9;background:#eef5ff}.layer .layertext{flex:1;text-align:left;border:0;background:none;padding:0;color:inherit;min-width:0}.layer strong{font-size:14px;display:block;overflow-wrap:anywhere}.layer small{font-size:12px;color:#667891}.canvas-area{padding:22px 24px 30px;min-width:0;flex-direction:column;background-image:radial-gradient(#c6d1df .7px,transparent 0);background-size:16px 16px}.canvas-area,.canvas-tools{display:flex;align-items:center}.canvas-tools{width:100%;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:14px}.paper{position:relative;background:white;box-shadow:0 7px 35px #12254422;max-width:100%;line-height:0}.paper canvas{display:block;width:100%;height:auto}.fieldbox{position:absolute;border:1.5px dashed #1671ee;background:#3889ef0b;cursor:pointer;padding:0}.fieldbox.selected{border:2px solid #1260db;background:#3889ef12}.fieldbox span{position:absolute;left:-1px;top:-21px;font:11px/18px Arial;background:#1260db;color:white;padding:0 4px;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}.canvas-caption{margin-top:18px;font-size:13px;color:#61728a;text-align:center;max-width:540px;line-height:1.6}.empty-preview{width:100%;max-width:455px;aspect-ratio:111/154;display:grid;place-items:center;background:white;box-shadow:0 7px 35px #12254415;padding:35px;text-align:center}.empty-preview h2{font-size:27px;line-height:1.25;margin:15px 0}.empty-preview svg{margin:auto;color:#1260db}.property{margin-bottom:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note{font-size:13px;line-height:1.6;color:#495e7c;background:#edf3fb;border-left:3px solid #4b88e3;padding:12px 13px;border-radius:0 6px 6px 0}.note.warn{background:#fff6e9;color:#825514;border-color:#d59636}.message{margin:12px 24px;padding:12px 15px;border:1px solid #91baed;background:#ebf4ff;font-size:14px;border-radius:6px}.message.error{border-color:#e5a6b4;background:#fff1f4;color:#8c203c}.saved-row{padding:10px 0;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:10px}.saved-row button{font-size:14px;background:none;border:0;color:#205398;text-align:left;overflow-wrap:anywhere}.swatch{width:100%;height:39px;padding:3px}.sheetmeta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px 0;font-size:13px}.full{width:100%}.field-input{padding-bottom:17px;margin-bottom:16px;border-bottom:1px solid var(--border)}.field-input small{font-size:12px;color:#687994}.fontline{font-size:13px;color:#63708a;margin-top:6px}.stepmark{font-size:13px;color:#415b7d}.hiddeninput{display:none}.loading{animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}footer{padding:11px 24px;border-top:1px solid var(--border);color:#6b7c91;font-size:12px;background:white}@media(max-width:1150px){.workspace{grid-template-columns:255px minmax(300px,1fr)}.panel.right{grid-column:1/-1;border-top:1px solid var(--border);border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.panel.right h2,.panel.right>.eyebrow{grid-column:1/-1}.panel.right .note{align-self:start}}@media(max-width:700px){.topbar{padding:14px 16px}.brand strong{font-size:17px}.brand small{font-size:12px}.topbar .badge{display:none}.bar{padding:12px 14px;gap:10px}.workspace{display:flex;flex-direction:column}.panel{padding:20px 17px}.panel.left{border-right:0;border-bottom:1px solid var(--border)}.canvas-area{padding:18px 14px}.panel.right{display:block;border-left:0}.paper{max-width:calc(100vw - 34px)}.btn{padding:9px 10px;font-size:13px}.message{margin:10px 14px}.canvas-tools{flex-wrap:wrap}.canvas-caption{font-size:12px}}.editor-app .topbar{padding:12px 22px;gap:15px}.header-status{margin-left:auto;font-size:14px;color:#c9d7e8}.editor-app .badge{white-space:nowrap}.editor-app .bar{padding:10px 20px}.editor-workspace{grid-template-columns:270px minmax(350px,1fr) 300px;min-height:calc(100vh - 138px)}.editor-workspace .panel{padding:18px 16px;max-height:calc(100vh - 140px);overflow-y:auto}.editor-workspace .properties-panel{display:block;grid-column:auto}.editor-workspace h2{font-size:19px;line-height:1.3;margin:12px 0 16px}.editor-workspace h3{font-size:15px;line-height:1.4;margin:0 0 13px}.editor-workspace .sep{margin:19px 0}.side-tabs{display:flex;width:100%;margin-bottom:17px;height:39px}.side-tabs [data-slot=tabs-trigger]{font-size:13px;gap:5px;padding:6px 8px}.check-row{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;line-height:1.4;margin:12px 0;cursor:pointer}.check-row [data-slot=checkbox]{margin-top:2px;flex-shrink:0}.check-row+input{margin-bottom:12px}.add-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-buttons .btn{display:flex;flex-direction:column;min-height:76px;font-size:14px;padding:12px 7px}.icon-grid,.shape-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:8px 0 13px}.asset-tile{min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#283e5a;padding:9px 4px}.asset-tile.chosen,.asset-tile:hover{background:#edf5ff;border-color:#85b0f3;color:#125acc}.asset-tile svg{width:27px;height:27px;flex-shrink:0}.asset-tile span{font-size:12px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.shape-grid .asset-tile svg{width:24px;height:24px}.library-hint{font-size:14px;line-height:1.5;margin:9px 0 15px}.icon-group{margin:18px 0}.icon-group .eyebrow{font-size:12px;letter-spacing:.07em}.search-field{display:flex;align-items:center;border:1px solid #dbe3ef;border-radius:7px;gap:6px;padding:0 10px;color:#7a8a9f}.search-field input{border:0;box-shadow:none;padding:8px 0;font-size:14px;outline:none}.license-link{font-size:12px;color:#75839a}.editor-workspace .layer{padding:10px 7px;gap:8px;margin-bottom:3px}.layer>svg{flex-shrink:0;color:#687f9c}.editor-workspace .layer strong{font-size:14px}.editor-workspace .layer small{line-height:1.4;display:block;margin-top:3px}.layer.is-hidden{opacity:.6}.layer.is-hidden strong{text-decoration:line-through}.layertext{min-width:0;flex:1}.count-pill{font-size:12px;border-radius:12px;background:#edf3fb;color:#315476;padding:3px 8px}.editor-workspace .sheetmeta{margin:0 0 8px}.editor-workspace .sheetmeta h2{margin:8px 0}.mini-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;padding:4px;border:0;background:transparent;border-radius:5px;color:#436181;font-size:20px}.mini-btn:hover{background:#e7effb}.source-layer{border-bottom:1px solid #edf1f6!important;border-radius:0!important}.editor-canvas{padding:0;gap:0;min-width:0;overflow:hidden}.edit-toolbar{gap:12px;flex-wrap:wrap;padding:10px 14px;width:100%;background:#fafdff;border-bottom:1px solid #dbe3ee;min-height:58px;box-shadow:0 2px 5px #14283d04;z-index:3}.edit-toolbar,.tool-cluster{display:flex;align-items:center}.tool-cluster{gap:3px;padding-right:10px;border-right:1px solid #dde5ef}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;background:transparent;color:#304a6d;border-radius:5px}.tool-btn:hover{background:#eaf1fb}.tool-btn.pressed{background:#e5efff;border-color:#9dbef3;color:#135bc8}.zoom-control{display:flex;align-items:center;margin-left:auto}.zoom-label{background:transparent;border:0;min-width:52px;padding:5px;font-size:13px;color:#425772}.drawing-options{display:flex;align-items:center;gap:10px}.drawing-options>input{width:29px;height:30px;padding:2px}.drawing-options label{display:flex;align-items:center;gap:5px;white-space:nowrap;margin:0;font-size:12px}.drawing-options label input{width:60px;padding:4px;font-size:13px}.canvas-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;font-size:14px;color:#384f6d}.canvas-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-meta small{font-size:12px;color:#7c8ba0}.page-switch{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px}.canvas-viewport{display:block;width:100%;overflow:auto;min-height:400px;max-height:calc(100vh - 320px);padding:0 22px;flex:1}.design-paper{position:relative;margin:40px auto 35px;flex:none;background:white;box-shadow:0 7px 35px #14294026;touch-action:none;user-select:none;isolation:isolate}.paper-background{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.paper-wait{position:absolute;inset:0;display:grid;place-items:center;font-size:14px;color:#6b7f99}.canvas-element{position:absolute;transform-origin:center center;line-height:0;touch-action:none}.element-art{position:absolute;inset:0;pointer-events:none}.element-preview{display:block;width:100%;height:100%;pointer-events:none}.element-placeholder{position:absolute;inset:0;border:1px dashed #afbdcd;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.3;color:#92a0b3;overflow:hidden}.element-hit{position:absolute;inset:0;width:100%;height:100%;background:transparent;border:1px solid transparent;padding:0;touch-action:none;border-radius:0}.element-hit.movable{cursor:move}.element-hit:hover{border-color:#63a1f1}.canvas-element.is-selected{outline:1.5px solid #1260db}.element-label{position:absolute;top:-23px;left:-1px;display:flex;align-items:center;gap:4px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#1260db;color:#fff;font:12px/18px Arial;padding:1px 5px;pointer-events:none;border-radius:3px 3px 0 0}.resize-handle{right:-6px;bottom:-6px;width:12px;height:12px;border:2px solid #1260db;padding:0;cursor:nwse-resize;border-radius:2px}.resize-handle,.rotate-handle{position:absolute;background:#fff;touch-action:none}.rotate-handle{top:-35px;left:calc(50% - 12px);width:24px;height:24px;border-radius:50%;border:1px solid #1260db;color:#1260db;display:grid;place-items:center;padding:0;cursor:grab}.rotate-handle:after{content:"";position:absolute;width:1px;height:10px;left:50%;top:23px;background:#1260db;pointer-events:none}.drawing-mode,.drawing-mode .element-hit{cursor:crosshair}.drawing-mode .canvas-element{outline:none}.drawing-preview{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:5}.element-loading{position:absolute;width:5px;height:5px;right:0;top:0;border-radius:50%;background:#1682e7;animation:pulse 1s ease-in-out infinite}.editor-canvas .canvas-caption{font-size:13px;margin:12px 18px 0;max-width:640px}.editor-canvas .export-note{font-size:12px;margin:10px 18px 16px;color:#7b899c}.editor-canvas .empty-preview{margin:30px 20px;min-height:410px;aspect-ratio:auto;max-width:440px}.editor-canvas .empty-preview h2{font-size:25px}.element-actions{display:flex;gap:8px;margin-bottom:17px}.element-actions .btn{padding:8px;min-width:38px}.element-actions .danger{color:#bc3652}.properties-panel .property{margin:14px 0}.properties-panel input,.properties-panel textarea{font-size:14px}.properties-panel textarea{line-height:1.5;min-height:75px}.properties-panel .grid2{gap:10px}.properties-panel label{font-size:14px}.color-control{display:flex;align-items:center;gap:12px;padding:5px 9px;border:1px solid #dce4ef;border-radius:6px;background:white}.color-control input{width:36px;height:30px;padding:0;border:0;border-radius:3px;background:none}.color-control span{font-size:13px;color:#5b7090;font-family:ui-monospace,monospace}.opacity-control{padding:3px 0 6px}.opacity-control [data-slot=slider]{margin-top:13px}.align-buttons{display:flex;justify-content:space-between;padding:5px;border:1px solid #dde5ef;border-radius:6px;margin:8px 0 20px}.shortcut-card{border:1px solid #e1e7f0;background:#f8faff;border-radius:7px;padding:15px;margin:24px 0;font-size:14px;line-height:1.9;color:#637893}.shortcut-card strong{color:#2f4d72;display:block;margin-bottom:6px}.properties-panel .fontline{font-size:12px;line-height:1.5;margin:8px 0 14px}.properties-panel .note{margin:12px 0}.editor-workspace .saved-row button{font-size:14px}.editor-app footer{font-size:12px;padding:9px 20px}@media(max-width:1150px){.editor-workspace{grid-template-columns:235px minmax(300px,1fr) 265px}.editor-workspace .panel{padding:16px 12px}.editor-workspace .properties-panel{grid-column:auto;border-top:0;border-left:1px solid var(--border);display:block}.asset-tile span{font-size:12px}.side-tabs [data-slot=tabs-trigger]{padding:6px 4px;font-size:12px}.side-tabs svg{display:none}.edit-toolbar{gap:7px;padding:8px}.tool-cluster{padding-right:5px}.tool-btn{width:30px;height:32px}}@media(max-width:900px){.editor-workspace{grid-template-columns:230px minmax(0,1fr)}.editor-workspace .properties-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--border);max-height:none;display:block}.properties-panel>.check-row,.properties-panel>.grid2,.properties-panel>.property{max-width:560px}.editor-workspace .panel.left{max-height:700px}.canvas-viewport{max-height:650px}.header-status{display:none}.editor-canvas .canvas-caption{font-size:13px}}@media(max-width:640px){.editor-app .topbar{padding:11px 14px}.editor-app .bar{padding:10px;gap:8px}.editor-app .bar .row{gap:6px}.editor-workspace{display:flex;flex-direction:column}.editor-workspace .editor-canvas{order:1;min-height:400px}.editor-workspace .panel.left{order:2;max-height:430px;width:100%;border-right:0;border-top:1px solid var(--border)}.editor-workspace .properties-panel{order:3}.editor-workspace .side-tabs svg{display:block}.editor-workspace .side-tabs [data-slot=tabs-trigger]{font-size:14px;padding:7px 12px}.canvas-viewport{min-height:250px;max-height:450px;padding:0 18px}.design-paper{max-width:unset}.editor-workspace .asset-tile{min-height:72px}.icon-grid,.shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.editor-workspace .empty-preview{min-height:310px;margin:20px;max-width:calc(100% - 40px)}.edit-toolbar{gap:10px}.tool-btn{width:32px}.canvas-meta{padding:10px 14px}.properties-panel .grid2,.properties-panel .property{max-width:none}.editor-workspace .panel{padding:18px 15px}.editor-app .btn{font-size:14px}.editor-workspace .canvas-caption.export-note{font-size:12px}.editor-app .badge{display:inline;font-size:11px}}.print-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:6;overflow:visible}.grid-lines line{stroke:#43618c;stroke-opacity:.26;stroke-width:.7;vector-effect:non-scaling-stroke}.trim-line{stroke:#dd3159;stroke-width:1.2}.safe-line,.trim-line{fill:none;vector-effect:non-scaling-stroke}.safe-line{stroke:#087ca2;stroke-width:1;stroke-dasharray:5 3}.guides-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:12px 18px;background:#f8faff;border-bottom:1px solid #dce4f0}.guides-toolbar .check-row{margin:0;font-size:14px;font-weight:500}.guides-toolbar .check-row>span{display:flex;align-items:center;gap:6px}.guides-toolbar [data-slot=select-trigger]{width:88px;min-height:34px}.guide-key{display:inline-block;width:15px;height:0;border-top:2px solid}.trim-key{border-color:#dd3159}.safe-key{border-color:#087ca2;border-top-style:dashed}.project-list>.muted{margin:8px 0 18px}.project-card{padding:17px 0;border-top:1px solid #dce4f0;overflow-wrap:anywhere}.project-card h3{margin:0 0 5px;font-size:16px}.project-card p{margin:5px 0;font-size:14px}.project-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.project-card-actions .btn{padding:8px 10px;min-height:38px;font-size:14px}.project-empty{text-align:center;padding:35px 8px;color:#60718e}.project-empty svg{margin:0 auto 12px}.canvas-meta>span{min-width:0}.canvas-meta small{display:block;line-height:1.5}.editor-app .bar{gap:10px}.editor-app .bar>.row{flex-wrap:wrap;justify-content:flex-end}.editor-app [data-slot=dialog-content]{max-height:90dvh;overflow:auto}.editor-app [data-slot=dialog-description]{line-height:1.6}.print-guides~*{pointer-events:none}@media(max-width:900px){.guides-toolbar{gap:12px}.editor-app .bar>.row{justify-content:flex-start}.guides-toolbar .check-row{font-size:14px}}.format-buttons{display:grid;gap:9px;margin:12px 0 20px}.format-buttons .btn{justify-content:flex-start;text-align:left;padding:12px}.format-buttons small{display:block;font-size:13px;line-height:1.5;font-weight:400;margin-top:4px;color:#64738c}.bitmap-quality{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:14px 0;padding:12px;border-radius:8px;background:#f3f6fb;color:#4d607c;font-size:14px}.bitmap-quality>span{text-align:right}.bitmap-quality .check-row,.bitmap-quality p{grid-column:1/-1;margin:3px 0;font-size:14px;line-height:1.5}.bitmap-quality.warning{background:#fff5db;border:1px solid #e6bb57;color:#684700}.bitmap-quality.blocked{background:#fff0f1;border:1px solid #ef9ca5;color:#a42639}.canvas-dpi{margin-left:7px;border-left:1px solid #ffffff66;padding-left:7px;white-space:nowrap}.canvas-dpi.warning{background:#fff0b8;color:#624000;padding:2px 5px;border-radius:3px}.canvas-dpi.blocked{background:#fce5e8;color:#a0182b;padding:2px 5px;border-radius:3px}.quality-review{max-height:40vh;overflow:auto}.quality-review-item{padding:12px;background:#fff5db;border:1px solid #efd394;border-radius:8px;margin-bottom:10px;font-size:14px}.quality-review-item .check-row{margin:8px 0 0}.split-text-button{margin-top:12px}.editor-app .canvas-meta small{font-size:14px}.editor-app .canvas-meta{align-items:flex-start}.editor-app .topbar{background:#202324}.editor-app .btn.primary{background:#e6007e;border-color:#e6007e}.editor-app{--border:#dce2e5;--muted:#637582;--blue:#e6007e}.editor-app .bar{flex-wrap:wrap}