:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f6fb;--muted:#a9b4c8;--label:#dbe2f0;--line:#3d4557;--line-strong:#5f6b82;--field:#10141c;--accent:#7aa2ff;--accent-strong:#9dbaff;background:#111318;font-family:Inter,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html,body{touch-action:auto;background:#111318;min-height:100%;margin:0}body{overflow:auto}button,input,select,textarea{font:inherit}button{min-height:36px}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.phase-one-index{padding:32px}.editor-shell{color:#f4f6fb;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);background:#0d0f14}.site-minimal-header{background:#171a21;border-bottom:1px solid #2a2e38;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;height:42px;padding:0 12px;display:grid}.site-minimal-header a{place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.shell-phase-label{color:#9ca6bb;font-size:12px}.editor-shell-main{min-height:calc(100dvh - 42px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.editor-loading{color:#aeb6c7;place-items:center;min-height:calc(100dvh - 42px);display:grid}.heavy-editor{overscroll-behavior:contain;height:calc(100dvh - 42px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:#111318;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-height:420px;display:grid;position:relative;overflow:clip}.editor-toolbar{touch-action:pan-x pan-y;background:#1a1e27;border-bottom:1px solid #2a2e38;flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding:8px 12px;display:flex}.editor-toolbar>*{min-width:0}.toolbar-group{flex-wrap:wrap;flex:0 auto;align-items:center;gap:7px;min-width:0;display:flex}.toolbar-export-controls{display:contents}.toolbar-export-link{display:none}.toolbar-field{background:#151a24;border-radius:8px;flex:none;align-items:center;gap:5px;min-width:0;padding:0 6px 0 8px;display:inline-flex}.toolbar-field>select{min-width:0}.toolbar-spacer{flex:auto;min-width:0}.button-like{color:#f5f7ff;cursor:pointer;white-space:nowrap;background:#252b37;border:1px solid #3b4252;border-radius:8px;justify-content:center;align-items:center;min-height:36px;padding:7px 12px;display:inline-flex}.button-like input[type=file]{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.export-scale-label,.export-control-label{color:var(--label);font-size:12px;font-weight:600}.export-padding-label{color:var(--label);align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.export-padding-label input{color:#fff;background:#11141b;border:1px solid #3b4252;border-radius:6px;width:64px;min-height:34px;padding:5px}.export-region-summary{color:#aebbd2;text-align:center;min-width:74px;font-size:11px}.export-region-summary.error{color:#ff9da2;text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.editor-toolbar select{color:#f5f7ff;background:#11141b;border:1px solid #3b4252;border-radius:7px;min-height:36px;padding:5px 8px}.editor-toolbar button,.tablet-category-rail button,.mobile-bottom-navigation button,.property-list button{color:#f5f7ff;background:#252b37;border:1px solid #3b4252;border-radius:8px;padding:7px 12px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.button-like:focus-within{outline-offset:2px;outline:3px solid #7aa2ff}button:disabled,.button-like[aria-disabled=true]{opacity:.68;color:var(--muted);cursor:not-allowed}button:disabled:hover{background:inherit}.editor-layout{grid-template-columns:minmax(190px, 240px) minmax(320px, 1fr) minmax(240px, var(--property-panel-width,310px));min-height:0;display:grid;position:relative;overflow:clip}.panel-resizer{top:0;bottom:0;right:calc(var(--property-panel-width,310px) - 5px);z-index:8;cursor:col-resize;touch-action:none;background:0 0;border:0;width:11px;padding:0;position:absolute}.panel-resizer:before{content:"";background:var(--line);transition:background-color .12s;position:absolute;inset:0 5px}.panel-resizer:hover:before,.panel-resizer:focus-visible:before{background:var(--accent)}.panel-resizer[data-resizing=true]:before{background:var(--accent-strong);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.panel-resizer:focus-visible{outline-offset:-2px}.layer-panel,.property-panel{touch-action:pan-y;overscroll-behavior:contain;background:#181c24;min-width:0;min-height:0;padding:12px;overflow:hidden auto;container:property-panel/inline-size}.layer-panel{border-right:1px solid #2a2e38}.property-panel{border-left:1px solid #2a2e38}.layer-panel h2,.property-panel h2{margin:0 0 12px;font-size:14px}.panel-scroll{gap:8px;display:grid}.layer-list{align-content:start}.layer-card{background:#12161e;border:1px solid #0000;border-radius:9px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px;display:grid}.layer-card.selected{background:#263252;border-color:#668dff;box-shadow:inset 3px 0 #84a5ff}.layer-card button{color:inherit}.icon-dots{grid-auto-flow:column;align-items:center;gap:3px;display:grid}.icon-dots:before,.icon-dots:after{content:"";background:currentColor;border-radius:50%;width:3px;height:3px}.icon-dots{background:radial-gradient(circle,currentColor 1.5px,#0000 1.6px) 50%/3px 3px no-repeat;justify-content:space-between;width:15px;height:3px}.font-favourite-mark{display:block}.icon-button,.layer-order-actions button,.section-menu>button,.font-favourite,.stroke-row button.icon-button,.fill-row-summary .icon-button,.text-align-field .segmented button{place-items:center;line-height:1;display:grid}button.icon-button,.layer-order-actions button,.section-menu>button,button.font-favourite{padding:0}.icon-button,.layer-order-actions button{background:#252b37;border:0;border-radius:6px;min-width:30px;min-height:32px}.layer-select{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:2px;padding:5px;display:grid}.layer-select strong,.layer-select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-select small{color:#aab3c4}.layer-order-actions{grid-template-columns:repeat(3,30px);gap:2px;display:grid}.property-list{align-content:start;min-width:0}.property-list *,.layer-panel *{min-width:0}.property-list label,.property-list output,.property-list p,.property-list small{overflow-wrap:anywhere}.property-section{overflow-clip-margin:5px;background:#151922;border:1px solid #303746;border-radius:9px;min-width:0;margin:0;display:grid;overflow:clip}.accordion-heading{grid-template-columns:minmax(0, 1fr) var(--row-action-slot);align-items:center;margin:0;display:grid}.accordion-heading>button{text-align:left;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;min-height:48px;padding:8px 10px;display:grid}.accordion-title{color:#f0f3fa;white-space:nowrap;font-size:13px;font-weight:800}.accordion-summary{min-width:0;max-width:100%;color:var(--muted);background:#10141c;border-radius:999px;justify-self:end;align-items:center;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex;overflow:hidden}.accordion-summary .summary-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.accordion-summary:empty{background:0 0}.accordion-summary:has(.summary-value:empty){background:0 0}.accordion-chevron{color:#91adf5;width:16px;height:16px;position:relative}.accordion-chevron:before,.accordion-chevron:after{content:"";background:currentColor;border-radius:1px;position:absolute;top:50%;left:50%}.accordion-chevron:before{width:12px;height:2px;transform:translate(-50%,-50%)}.accordion-chevron:after{width:2px;height:12px;transform:translate(-50%,-50%)}.accordion-chevron[data-open=true]:after{display:none}.accordion-content{border-top:1px solid #303746;gap:9px;padding:10px;display:grid}.accordion-content[hidden]{display:none}.control-group{gap:9px;min-width:0;display:grid}.summary-swatch{background-color:#fff;background-image:linear-gradient(45deg,#c8ccd6 25%,#0000 25% 75%,#c8ccd6 75%),linear-gradient(45deg,#c8ccd6 25%,#0000 25% 75%,#c8ccd6 75%);background-position:0 0,4px 4px;background-size:8px 8px;border:1px solid #727d92;border-radius:4px;flex:0 0 24px;width:24px;height:16px}.summary-swatches{flex:none;gap:2px;display:inline-flex}.summary-swatches:empty{display:none}.property-list label{min-width:0;color:var(--label);gap:5px;font-size:12px;font-weight:600;display:grid}.property-list input,.property-list select,.property-list textarea{color:#fff;background:#11141b;border:1px solid #3b4252;border-radius:6px;width:100%;min-width:0;padding:7px}.property-list textarea{resize:vertical;min-height:62px}.property-list input[type=checkbox],.property-list input[type=radio]{width:auto;min-width:0;accent-color:#7aa2ff;block-size:20px;inline-size:20px}.checkbox-field{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;min-height:32px;display:flex!important}.property-list input[type=color]{min-height:36px;padding:3px}.font-file-button{width:100%;font-size:12px}.font-picker{gap:10px;display:grid}.font-picker-group{gap:6px;min-width:0;display:grid}.font-picker-group h4{color:var(--label);letter-spacing:.04em;text-transform:none;margin:0;font-size:11px;font-weight:700}.font-card-list{gap:6px;display:grid}.font-card{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);text-align:left;background:#151a23;border-radius:8px;gap:4px;padding:8px;display:grid}.font-card:hover{background:#1b2434;border-color:#6688d7}.font-card.selected{background:#202c46;border-color:#75a0ff;box-shadow:inset 3px 0 #75a0ff}.font-card:disabled{cursor:wait;opacity:.72}.font-card-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.font-card-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.font-card-heading small,.font-load-state{color:var(--muted);white-space:nowrap;font-size:10px}.font-preview{color:#f2f5fb;white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.35;overflow:hidden}.font-empty{color:var(--muted);margin:0;font-size:11px}.gradient-controls{gap:8px;display:grid}.paint-editor{border-top:1px solid #303746;gap:9px;padding-top:6px;display:grid}.paint-editor-heading{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.paint-editor-heading button[aria-pressed=true]{background:#27385f;border-color:#83a7ff}.gradient-preview{border:1px solid #687084;border-radius:7px;grid-column:1/-1;min-height:32px}.gradient-geometry{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:6px;min-width:0;display:grid}.gradient-toolbar{flex-wrap:wrap;align-items:end;gap:8px;min-width:0;display:flex}.gradient-toolbar button,.gradient-stop-heading button{min-height:var(--row-action-height)}.gradient-stop-heading,.gradient-preset-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;min-width:0;font-size:12px;display:flex}.gradient-stop-list{gap:5px;display:grid}.gradient-stop-bar{cursor:crosshair;border:1px solid #8993a7;border-radius:7px;height:54px;margin:2px 4px 4px;padding:0 22px;position:relative;background-origin:content-box!important;background-clip:content-box!important}.gradient-stop-bar:after{content:"クリックで追加";color:#eef3ff;pointer-events:none;background:#0b0d13aa;border-radius:3px;padding:1px 4px;font-size:9px;position:absolute;top:4px;right:5px}.gradient-stop-bar [data-gradient-stop-handle]{z-index:2;touch-action:none;border:3px solid #f8fbff;border-radius:50% 50% 50% 2px;outline:2px solid #111827aa;width:28px;min-height:28px;padding:0;position:absolute;transform:translate(-50%,-50%)rotate(-45deg)}.gradient-stop-bar [data-gradient-stop-handle].selected{outline:3px solid #7aa2ff}.gradient-stop-row{background:#151a23;border-radius:7px;grid-template-columns:46px minmax(0,1fr) 36px;align-items:end;gap:5px;min-width:0;padding:6px;display:grid}.gradient-stop-row>label{min-width:0}.gradient-stop-row>label:first-of-type{grid-area:1/1}.gradient-stop-row>label:first-of-type input{min-height:34px;padding:2px}.gradient-stop-row>label:nth-of-type(2){grid-area:1/2}.gradient-stop-row>label:nth-of-type(3){grid-area:2/1/auto/3}.gradient-stop-row>button{grid-area:1/3/3;align-self:center}.gradient-stop-row button{min-height:34px;padding:3px}@container property-panel (min-width:340px){.gradient-stop-row{grid-template-columns:46px minmax(0,1fr) minmax(0,1fr) 36px}.gradient-stop-row>label:nth-of-type(3){grid-area:1/3}.gradient-stop-row>button{grid-area:1/4}}.gradient-preset-gallery{background:#11151d;border:1px solid #303746;border-radius:8px;gap:10px;min-width:0;padding:8px;display:grid}.gradient-preset-heading{padding:5px 2px}.gradient-preset-grid[hidden]{display:none}.gradient-preset-heading small{color:#9eabc0}.gradient-preset-category{gap:5px;min-width:0;display:grid}.gradient-preset-category h4{margin:0}.gradient-preset-category-heading>button{color:#d6deec;text-align:left;grid-template-columns:12px minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;min-height:34px;display:grid;padding:5px 7px!important}.gradient-preset-category[data-preset-category-selected=true]>h4>button{background:#222c44;border-color:#5c78bd}.gradient-preset-chevron{color:#91adf5;font-size:9px}.gradient-preset-category-name{white-space:nowrap;font-size:11px}.gradient-preset-category-current{align-items:center;gap:5px;min-width:0;display:flex}.gradient-preset-category-current small{color:#bcd0ff;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.gradient-preset-category-swatch{border:1px solid #7b869c;border-radius:3px;flex:none;width:18px;height:12px}.gradient-preset-category-preview{justify-self:end;gap:3px;min-width:0;display:inline-flex;overflow:hidden}.gradient-preset-category-preview>:nth-child(n+4){display:none}.gradient-preset-category-count{color:#93a0b6;text-align:right;white-space:nowrap;flex:none;font-size:9px}.gradient-preset-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:5px;min-width:0;display:grid}.gradient-preset{color:#e5eaf4;text-align:left;overflow-wrap:anywhere;background:#1a202b;border:1px solid #343c4d;border-radius:7px;align-content:start;gap:3px;min-width:0;min-height:52px;padding:5px;font-size:10px;line-height:1.25;display:grid}.gradient-preset-name{text-overflow:ellipsis;overflow:hidden}.gradient-preset>span:not(.gradient-preset-swatch){min-width:0}.gradient-preset:hover{background:#222b3b;border-color:#6984bd}.gradient-preset.selected{background:#27385f;border-color:#83a7ff;box-shadow:inset 0 0 0 1px #83a7ff}.gradient-preset-swatch{border:1px solid #687084;border-radius:4px;width:100%;min-height:26px;display:block}.gradient-preset small{color:#bcd0ff;font-size:9px;font-weight:700}.four-corner-controls{gap:8px;display:grid}.four-corner-grid{grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:7px;min-width:0;display:grid}.stroke-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;font-size:12px;display:flex}.stroke-heading button{min-height:var(--row-action-height)}.stroke-list{gap:6px;display:grid}.stroke-gradient-editor{gap:8px;min-width:0;display:grid}.style-swatch{border:1px solid #70798e;border-radius:4px;flex:none;width:18px;height:22px}.export-property-controls{min-width:0}.export-property-controls .export-region-summary{text-align:left;min-width:0;display:block}.export-property-controls .export-region-summary.error{max-width:100%}.transform-grid{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;min-width:0;display:grid}.anchor-coordinate-layout{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;min-width:0;display:grid}.anchor-selector-wrap{justify-items:start;gap:5px;display:grid}.anchor-selector-label{color:#b7bfce;font-size:12px}.anchor-selector{background:#11141b;border:1px solid #3b4252;border-radius:8px;grid-template-columns:repeat(3,30px);gap:4px;padding:5px;display:grid}.anchor-selector button{background:#202632;border:1px solid #414a5d;border-radius:5px;place-items:center;width:30px;height:30px;padding:0;display:grid}.anchor-selector button span{background:0 0;border:1px solid #9ca9bf;border-radius:50%;width:7px;height:7px}.anchor-selector button:hover{background:#2a354c;border-color:#7d9be0}.anchor-selector button.selected{background:#315ddd;border-color:#9db8ff;box-shadow:0 0 0 1px #9db8ff}.anchor-selector button.selected span{background:#fff;border-color:#fff;box-shadow:0 0 0 2px #ffffff35}.current-anchor-feedback{color:#bcd0ff;font-size:10px}.anchor-coordinate-fields{grid-template-columns:1fr;gap:8px;display:grid}.coordinate-help{color:#95a1b6;font-size:11px;line-height:1.45;display:block}.danger-button{background:#3a2228!important;border-color:#6b3941!important}.empty-state{color:#9ca6b8;font-size:13px}.canvas-workspace{touch-action:none;-webkit-user-select:none;user-select:none;background-color:#0f1117;background-image:linear-gradient(45deg,#161922 25%,#0000 25%),linear-gradient(-45deg,#161922 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#161922 75%),linear-gradient(-45deg,#0000 75%,#161922 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;place-items:center;min-width:0;min-height:0;padding:clamp(12px,3vw,36px);display:grid;overflow:clip;container:canvas-workspace/size}.canvas-stage{aspect-ratio:16/9;cursor:default;touch-action:none;width:min(100%,177.778cqh);max-width:100%;max-height:100%;position:relative;box-shadow:0 18px 50px #0009}.canvas-stage.dragging{cursor:grabbing}.canvas-surface{aspect-ratio:16/9;background:0 0;border:1px solid #4a5160;width:100%;height:100%;max-height:100%;display:block}.canvas-selection{z-index:4;pointer-events:none;border:2px solid #7aa2ff;border-radius:4px;position:absolute;box-shadow:0 0 0 1px #0c1020}.canvas-selection span{text-overflow:ellipsis;white-space:nowrap;color:#fff;background:#3658a9;border-radius:5px;max-width:70%;padding:3px 7px;font-size:11px;position:absolute;top:-24px;left:-2px;overflow:hidden}.canvas-anchor-marker{z-index:5;pointer-events:none;background:#315ddd;border:2px solid #f8fbff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #17254fcc}.gradient-handle-layer{z-index:8;pointer-events:none;position:absolute;inset:0}.gradient-handle-line{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.gradient-handle-line line{stroke:#fff;stroke-width:4px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #111827)}.gradient-canvas-handle{pointer-events:auto;touch-action:none;background:#376be8;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;min-height:34px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #111827aa}.gradient-canvas-handle span{background:#fff;border-radius:50%;width:8px;height:8px}.gradient-canvas-handle-radius,.gradient-canvas-handle-angle,.gradient-canvas-handle-extent{background:#e34c8b;border-radius:7px}.gradient-canvas-handle[aria-disabled=true]{cursor:default;background:#6d28d9}.export-region-preview{z-index:3;pointer-events:none;border:2px dashed #52dfb0;position:absolute;box-shadow:0 0 0 1px #08271f}.export-region-preview span{color:#071711;white-space:nowrap;background:#52dfb0;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:-22px;right:-2px}.canvas-render-message{color:#dce4f6;text-align:center;pointer-events:none;background:#171d2bcc;border-radius:6px;padding:7px 10px;position:absolute;inset:auto 12px 12px}.canvas-render-message.error{color:#ffd6d8;background:#5b2528e8}@media (pointer:coarse){.property-list input[type=checkbox],.property-list input[type=radio]{block-size:26px;inline-size:26px}.checkbox-field{min-height:40px}.gradient-canvas-handle{width:44px;height:44px;min-height:44px}.gradient-stop-bar [data-gradient-stop-handle]{width:28px;min-height:34px}}.tablet-category-rail,.mobile-bottom-navigation{touch-action:pan-y;display:none}.tablet-category-rail button[aria-pressed=true],.mobile-bottom-navigation button[aria-pressed=true]{background:#304273;border-color:#7aa2ff}.compact-editor-panel{z-index:20;touch-action:pan-y;overscroll-behavior:contain;background:#181c24f5;border:1px solid #46516a;border-radius:12px;width:min(390px,100% - 24px);max-height:min(60%,560px);padding:12px;display:none;position:absolute;bottom:74px;right:12px;overflow:hidden auto;box-shadow:0 16px 48px #000b;container:property-panel/inline-size}.compact-panel-heading{z-index:2;background:#181c24;border-bottom:1px solid #353c4a;justify-content:space-between;align-items:center;margin:-12px -12px 10px;padding:9px 12px;display:flex;position:sticky;top:-12px}.compact-panel-heading h2{margin:0;font-size:14px}.compact-panel-heading button{min-width:38px}.editor-status{min-height:30px;color:var(--muted);background:#171a21;border-top:1px solid #2a2e38;align-items:center;gap:14px;padding:4px 12px;font-size:12px;display:flex}.editor-feedback{text-overflow:ellipsis;white-space:nowrap;color:#c8d2e6;min-width:0;overflow:hidden}.editor-feedback.success{color:#8de0b0}.editor-feedback.error{color:#ff9da2}.editor-feedback.warning,.export-warning{color:#ffd37b}.editor-status a{color:#9bb7ff;margin-left:auto}.capability-warning{color:#ffe4c7;background:#5a341d;padding:8px 12px;font-size:13px}@media (min-width:768px) and (max-width:1279px),(pointer:coarse) and (min-width:900px){.heavy-editor{grid-template-rows:auto minmax(0,1fr) auto auto}.editor-layout{grid-template-columns:1fr}.layer-panel,.property-panel,.panel-resizer{display:none}.compact-editor-panel{display:block}.tablet-category-rail{background:#191d25;border-top:1px solid #2a2e38;gap:6px;min-width:0;max-width:100%;padding:8px 12px;display:grid}.tablet-category-rail .compact-nav-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;min-width:0;display:grid}.tablet-category-rail .compact-nav-sections{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.tablet-category-rail .compact-nav-sections button{flex:88px;min-width:0;max-width:100%}.tablet-category-rail button{white-space:nowrap;text-overflow:ellipsis;min-height:44px;padding:6px 4px;overflow:hidden}.tablet-category-rail .compact-nav-categories button{font-weight:600}}@media (max-width:767px),(pointer:coarse) and (max-width:899px){.site-minimal-header{height:48px}.editor-shell-main{min-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.heavy-editor{height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto auto;min-height:360px}.editor-toolbar{flex-wrap:wrap;row-gap:6px;min-height:48px;padding:6px 8px;overflow-x:visible}.toolbar-export-controls{display:none}.toolbar-export-link{display:inline-flex}.toolbar-spacer{display:none}.toolbar-field{background:0 0;padding:0}.toolbar-field .export-scale-label,.toolbar-field .export-control-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-toolbar button{min-width:max-content;min-height:40px}.toolbar-group{flex-wrap:wrap;flex:0 auto}.editor-layout{grid-template-columns:1fr}.layer-panel,.property-panel,.tablet-category-rail,.panel-resizer{display:none}.compact-editor-panel{bottom:calc(var(--compact-nav-height,88px) + 14px);max-height:56%;display:block}.canvas-workspace{padding:12px}.mobile-bottom-navigation{background:#191d25;border-top:1px solid #2a2e38;gap:5px;min-width:0;max-width:100%;padding:7px 8px;display:grid}.compact-nav-categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;min-width:0;display:grid}.compact-nav-sections{flex-wrap:wrap;gap:4px;min-width:0;display:flex}.compact-nav-sections button{flex:64px;min-width:0;max-width:100%}.mobile-bottom-navigation button{white-space:nowrap;text-overflow:ellipsis;min-height:44px;padding:6px 2px;font-size:clamp(10px,3vw,12px);overflow:hidden}.compact-nav-categories button{min-height:40px;font-weight:600}.compact-nav-sections button{min-height:40px}.compact-editor-panel{bottom:calc(var(--compact-nav-height,132px) + 18px)}.editor-status{white-space:nowrap;gap:8px;min-height:24px;overflow:hidden}.editor-status>span:nth-child(-n+3){display:none}.editor-feedback{flex:1}}@media (orientation:landscape) and (max-height:500px) and (pointer:coarse){.site-minimal-header{display:none}.heavy-editor{height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 280px}.editor-toolbar{flex-wrap:wrap;grid-column:1/-1;row-gap:4px;overflow-x:visible}.toolbar-group{flex-wrap:wrap;flex:0 auto}.editor-layout{grid-area:2/1}.mobile-bottom-navigation{border-left:1px solid #2a2e38;grid-area:2/2;align-content:center;overflow-y:auto}.tablet-category-rail .compact-nav-categories,.mobile-bottom-navigation .compact-nav-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.tablet-category-rail .compact-nav-sections button,.mobile-bottom-navigation .compact-nav-sections button{flex:40%}.compact-editor-panel{width:min(280px,100vw - 312px);max-height:calc(100% - 98px);bottom:34px;right:296px}.editor-status{grid-column:1/-1}}.text-design-landing,.export-complete-page{color:#f4f6fb;background:radial-gradient(circle at top,#202a44,#0d0f14 56%);place-items:center;min-height:100dvh;padding:32px;display:grid}.text-design-card{background:#171b24;border:1px solid #30394b;border-radius:18px;width:min(680px,100%);padding:clamp(24px,5vw,48px);box-shadow:0 24px 80px #0008}.text-design-card h1{margin-top:0}.primary-link{color:#fff;background:#476fe0;border-radius:9px;align-items:center;min-height:44px;margin-top:16px;padding:10px 16px;text-decoration:none;display:inline-flex}.reserved-export-region{min-height:1px}.artifact-debug{z-index:30;color:#c7d0e2;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#11151dee;border:1px dashed #6b7ba5;border-radius:7px;align-items:baseline;gap:10px;padding:5px 9px;font-size:11px;display:flex;position:absolute;bottom:30px;right:8px}.artifact-debug strong{color:#8b94a6;font-weight:600}.ad-slot{color:var(--muted);text-align:center;border:1px solid #2a2e38;border-radius:8px;margin-top:16px;padding:12px;font-size:12px;display:block}.ad-slot-preview{color:#8b94a6;text-align:center;border:1px dashed #46516a;border-radius:8px;margin-top:16px;padding:12px;font-size:11px;display:block}.style-list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;min-width:0;font-size:12px;display:flex}.style-list-heading small{color:#9ca6b8;min-width:0;font-size:10px}.style-list-heading button{min-height:var(--row-action-height)}.fill-list{gap:6px;display:grid}.fill-row{background:#11151d;border:1px solid #0000;border-radius:7px;gap:6px;padding:8px;display:grid}.fill-row.active{background:#151d2c;border-color:#4d6bb5}.fill-row[data-fill-visible=false] .fill-select{opacity:.5}.fill-row-summary{grid-template-columns:var(--row-action-size) minmax(0, 1fr) minmax(72px, auto);align-items:center;gap:6px;min-width:0;display:grid}.fill-row-summary .icon-button{padding:3px}.fill-select{text-align:left;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;display:grid;padding:4px 6px!important}.fill-select .fill-name{grid-column:2;font-size:12px}.fill-select small{color:#bcd0ff;grid-column:2;font-size:10px}.fill-opacity{color:#b7bfce;white-space:nowrap;gap:2px;min-width:0;font-size:10px;display:grid}.fill-opacity input{min-height:34px}.fill-order-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.fill-order-actions button{min-width:44px;min-height:36px;padding:2px!important}.fill-detail{border-top:1px solid #2a3141;gap:8px;padding-top:4px;display:grid}.effect-order-note{color:#9ca6b8;font-size:11px}.effect-section{background:#11151d;border:1px solid #2c3444;border-radius:7px;gap:8px;padding:8px;display:grid}.effect-section[data-effect-enabled=true]{border-color:#4d6bb5}.effect-heading{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;font-size:12px;display:grid}.effect-heading button{min-width:44px;min-height:36px}.effect-summary{color:#bcd0ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.effect-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px;min-width:0;display:grid}.effect-grid label{color:#b7bfce;gap:3px;font-size:11px;display:grid}.effect-grid input{min-height:36px}.effect-grid button{grid-column:1/-1;min-height:36px}.my-style-save{gap:8px;min-width:0;display:grid}.my-style-save label{color:#b7bfce;gap:3px;min-width:0;font-size:11px;display:grid}.my-style-save input{min-height:36px}.my-style-save button{width:100%;min-height:40px}.my-style-list{gap:6px;display:grid}.my-style-row{background:#11151d;border-radius:7px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px 8px;min-width:0;padding:8px;display:grid}.my-style-swatch{border:1px solid #70798e;border-radius:6px;width:32px;height:32px}.my-style-rename{color:#b7bfce;gap:2px;min-width:0;font-size:10px;display:grid}.my-style-rename input{min-height:34px}.my-style-summary{color:#9ca6b8;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:10px;overflow:hidden}.my-style-actions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 40px;gap:6px;display:grid}.my-style-actions button{min-width:40px;min-height:36px;padding:4px!important}.my-style-message{color:#bcd0ff;overflow-wrap:anywhere;min-width:0;font-size:11px}.property-categories{z-index:3;background:#12161e;border:1px solid #303746;border-radius:9px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:-2px 0 8px;padding:4px;display:grid;position:sticky;top:0}.property-categories button{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.02em;min-height:38px;font-size:clamp(10px,2.6cqi,12px);overflow:hidden;padding:6px 2px!important}.property-categories button[aria-pressed=true]{color:#eef3ff;background:#304273;border-color:#7aa2ff}.section-menu{place-items:center;display:grid}.section-menu-items{z-index:60;background:#1b202a;border:1px solid #46516a;border-radius:8px;min-width:148px;padding:4px;display:grid;position:fixed;box-shadow:0 12px 28px #000a}.section-menu-items button{min-height:var(--row-action-height);text-align:left;white-space:nowrap}.stroke-group{background:#12161e;border:1px solid #2b3240;border-radius:8px;gap:6px;min-width:0;padding:8px;display:grid}.stroke-group-heading{flex-wrap:wrap;align-items:baseline;gap:4px 6px;min-width:0;display:flex}.stroke-group-heading strong{font-size:12px}.stroke-group-heading small{color:#93a0b6;min-width:0;font-size:10px}.stroke-group-extent{color:#a8c0ff;white-space:nowrap;margin-left:auto;font-size:10px}.stroke-group-heading [data-action=add-stroke]{min-height:var(--row-action-height);margin-left:auto}.stroke-group-heading .stroke-group-extent+[data-action=add-stroke]{margin-left:0}.stroke-row{background:#11151d;border-radius:7px;gap:6px;min-width:0;padding:8px;display:grid}.stroke-row[data-stroke-expanded=true]{box-shadow:inset 2px 0 #6f8fd8}.stroke-row button{min-height:34px;padding:3px}.stroke-row-summary{grid-template-columns:26px 32px minmax(0, 1fr) var(--row-action-size);align-items:center;gap:6px;min-width:0;display:grid}.stroke-stack-controls{gap:2px;display:grid}.stroke-stack-controls button{min-width:26px;min-height:26px;line-height:1;padding:0!important}.stroke-row button[data-action=toggle-stroke]{min-width:32px}.stroke-row button[data-action=toggle-stroke][aria-pressed=false]{color:#7a8497}.stroke-identity{text-align:left;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px;min-width:0;display:grid;padding:4px 6px!important}.stroke-identity-text{min-width:0;display:grid}.stroke-identity-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.stroke-identity-text small{color:#9fb0cc;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.stroke-width-badge{color:#dbe6ff;font-variant-numeric:tabular-nums;white-space:nowrap;background:#263250;border-radius:999px;padding:2px 6px;font-size:11px}.stroke-disclosure{color:#91adf5;font-size:10px}.stroke-detail{border-top:1px solid #2a3141;gap:8px;min-width:0;padding-top:6px;display:grid}.stroke-field-grid{grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:7px;min-width:0;display:grid}.stroke-colour-field{grid-column:1/-1}.history-panel{display:grid;position:relative}.history-panel>button{min-height:36px}.history-list{z-index:60;overscroll-behavior:contain;background:#181c24f7;border:1px solid #46516a;border-radius:10px;align-content:start;gap:6px;width:min(320px,100vw - 16px);max-height:min(70vh,460px);padding:8px;display:grid;position:fixed;top:100px;left:12px;overflow:hidden auto;box-shadow:0 16px 44px #000b}.history-list-heading{z-index:1;background:#181c24;border-bottom:1px solid #333c4d;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin:-8px -8px 0;padding:6px 8px;font-size:12px;display:flex;position:sticky;top:-8px}.history-list-heading small{color:#9ca6b8;font-size:10px}.history-empty{color:#9ca6b8;margin:0;padding:6px 2px;font-size:11px;line-height:1.5}.history-entries{gap:2px;display:grid}.history-list button.history-entry{text-align:left;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:36px;display:grid;padding:5px 7px!important}.history-list button[aria-selected=true]{background:#304273;border-color:#7aa2ff}.history-entry-past{opacity:.92}.history-entry-redo{opacity:.6;border-style:dashed}.history-mark{color:#91adf5;font-size:11px}.history-label{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.history-state-note{color:#9db8ff;white-space:nowrap;font-size:9px}.history-entry-past .history-state-note{color:#7d879b}.reference-background{z-index:0;pointer-events:none;position:absolute;inset:0}.canvas-surface{z-index:1;position:relative}.canvas-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0}.reference-heading{flex-wrap:wrap;align-items:baseline;gap:4px 6px;min-width:0;display:flex}.reference-heading small{color:#93a0b6;min-width:0;font-size:10px}.reference-file{color:#c8d2e6;cursor:pointer;border:1px dashed #4a5468;border-radius:8px;align-content:center;min-height:38px;padding:8px 10px;font-size:12px;display:grid}.reference-file input{display:none}.reference-name{color:#9ca6b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;font-size:11px;overflow:hidden}.reference-file{overflow-wrap:anywhere;min-width:0}@media (max-width:767px),(pointer:coarse) and (max-width:899px){.history-list{width:min(320px,100vw - 16px)}}.path-actions,.path-anchor-actions{flex-wrap:wrap;gap:6px;display:flex}.path-actions button,.path-anchor-actions button{flex:auto;min-width:96px;min-height:36px}.field-note{color:#9ca6b8;margin:0;font-size:11px;line-height:1.5}[data-path-text-unsupported]{color:#ffd37b}.path-editor-overlay{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.path-editor-line{fill:none;stroke:#7aa2ff;stroke-width:2px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.path-editor-handle-line{stroke:#91adf5;stroke-width:1px;vector-effect:non-scaling-stroke}.path-editor-anchor{fill:#12161e;stroke:#7aa2ff;stroke-width:2px;vector-effect:non-scaling-stroke}.path-editor-anchor.selected{fill:#7aa2ff;stroke:#eef3ff}.path-editor-handle{fill:#ffb703;stroke:#12161e;stroke-width:1.5px;vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.local-font-picker{gap:7px;min-width:0;display:grid}.local-font-toolbar{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.local-font-toolbar button{flex:auto;min-height:36px}.local-font-count{color:#9ca6b8;white-space:nowrap;font-size:10px}.local-font-search{gap:4px;min-width:0;display:grid}.local-font-search input{min-height:34px}.local-font-family-list,.local-font-family{gap:3px;min-width:0;display:grid}.local-font-family-heading{text-align:left;grid-template-columns:12px minmax(0,1fr) auto auto;align-items:center;gap:6px;width:100%;min-height:32px;display:grid;padding:4px 7px!important}.local-font-family[data-local-font-family-selected=true]>.local-font-family-heading{background:#222c44;border-color:#5c78bd}.local-font-chevron{color:#91adf5;font-size:9px}.local-font-family-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.local-font-family-heading small{color:#93a0b6;font-size:9px}.local-font-family-current{color:#dbe6ff;white-space:nowrap;background:#263250;border-radius:999px;padding:1px 5px;font-size:9px}.local-font-face-list{gap:3px;min-width:0;padding-left:14px;display:grid}.local-font-face{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;min-height:32px;display:grid;padding:4px 7px!important}.local-font-face.selected{background:#27385f;border-color:#83a7ff}.local-font-face-style{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.local-font-face-name{color:#93a0b6;text-overflow:ellipsis;white-space:nowrap;grid-column:1;font-size:9px;overflow:hidden}.local-font-face-state{color:#9db8ff;white-space:nowrap;grid-area:1/2/3;font-size:9px}.font-error{color:#ffb4b8;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.5}.missing-font-notice{color:#ffe4c7;background:#3a2a17;border:1px solid #7a5230;border-radius:8px;gap:6px;min-width:0;padding:9px 10px;font-size:12px;display:grid}.missing-font-notice ul{gap:2px;margin:0;padding-left:18px;display:grid}.missing-font-notice li{overflow-wrap:anywhere;min-width:0}.missing-font-notice li small{color:#d8b78e;margin-left:6px;font-size:10px}.missing-font-notice button{min-height:38px}.missing-font-notice>small{color:#d8b78e;font-size:10px;line-height:1.5}.canvas-selection{border-width:2px;box-shadow:0 0 0 1px #0c1020cc,inset 0 0 0 1px #0c102099}.canvas-selection span{letter-spacing:.01em;font-weight:700;box-shadow:0 1px 4px #0009}.resize-handle-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.resize-frame{pointer-events:none;border:1px solid #ffffff8c;position:absolute;box-shadow:0 0 0 1px #0b0f1a99}.resize-handle{pointer-events:auto;touch-action:none;background:#fff;border:2px solid #0d1220;border-radius:3px;place-items:center;width:16px;height:16px;min-height:16px;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #000a}.resize-handle span{background:#2b64e0;border-radius:1px;width:4px;height:4px}.resize-handle:hover,.resize-handle:focus-visible{background:var(--accent-strong)}.resize-handle:hover span,.resize-handle:focus-visible span{background:#0d1220}.resize-handle-layer[data-resizing=true] .resize-handle{background:var(--accent)}.resize-handle-layer[data-resizing=true] .resize-frame{border-color:#fffc}@media (pointer:coarse){.resize-handle{width:34px;height:34px;min-height:34px;box-shadow:none;background:0 0;border:0;border-radius:50%}.resize-handle:before{content:"";box-sizing:border-box;background:#fff;border:2px solid #0d1220;border-radius:5px;width:18px;height:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #000a}.resize-handle span{width:6px;height:6px;position:relative}.resize-handle:hover,.resize-handle:focus-visible{background:0 0}.resize-handle:hover:before,.resize-handle:focus-visible:before{background:var(--accent-strong)}.resize-handle-layer[data-resizing=true] .resize-handle{background:0 0}.resize-handle-layer[data-resizing=true] .resize-handle:before{background:var(--accent)}.resize-handle-layer[data-resize-handles-visible=false] .resize-frame{border-style:dashed;border-color:#fff5}}.canvas-caret{z-index:9;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.canvas-caret line{stroke:#fff;stroke-width:2.5px;vector-effect:non-scaling-stroke;paint-order:stroke;filter:drop-shadow(0 0 1.5px #000)drop-shadow(0 0 3px #000c);animation:1.06s step-end infinite canvas-caret-blink}@keyframes canvas-caret-blink{0%,49%{opacity:1}50%,to{opacity:.15}}@media (prefers-reduced-motion:reduce){.canvas-caret line{opacity:1;animation:none}}.canvas-text-selection{z-index:6;pointer-events:none;background:#4a86ff4d;border-radius:2px;position:absolute;box-shadow:inset 0 0 0 1px #86adff99}.canvas-ime-input{z-index:10;resize:none;white-space:pre;color:#0000;caret-color:#0000;pointer-events:none;background:0 0;border:0;outline:none;width:1px;height:1.2em;min-height:0;margin:0;padding:0;font-size:16px;line-height:1;position:absolute;overflow:hidden;transform:translate(-1px,-100%)}.canvas-ime-input:focus-visible{outline:none}.canvas-workspace[data-inline-editing]:not([data-inline-editing=""]) .canvas-selection{border-style:dashed;border-color:var(--accent-strong)}.canvas-notice{z-index:12;border:1px solid var(--line-strong);color:#eef2fb;text-align:center;background:#171d2bf2;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex;position:absolute;inset:auto 12px 12px;box-shadow:0 6px 20px #0009}.canvas-notice-label{overflow-wrap:anywhere;min-width:0}.canvas-notice button{border:1px solid var(--line-strong);color:#fff;cursor:pointer;background:#2f4a86;border-radius:7px;min-height:36px;padding:6px 12px}.canvas-notice button:hover:not(:disabled){background:#3a5ca4}.canvas-notice-font-loading{color:#e2ecff;background:#16223af2;border-color:#3f5a8c}.canvas-notice-font-missing{color:#ffe9cf;background:#3a2a17f2;border-color:#8a6234}.canvas-notice-font-missing button{background:#6a4a24;border-color:#a2743f}.canvas-notice-font-missing button:hover:not(:disabled){background:#815a2b}.canvas-notice-font-failed{color:#ffdcde;background:#462124f2;border-color:#8c3d43}.canvas-notice-font-failed button{background:#6d3034;border-color:#9c4a50}.canvas-notice-font-failed button:hover:not(:disabled){background:#85393e}.canvas-workspace[data-canvas-notice]:not([data-canvas-notice=""]) .canvas-render-message{inset:auto 12px 68px}.editor-crash{color:#ffdcde;background:#2a181a;border:1px solid #8c3d43;border-radius:12px;align-content:start;justify-items:start;gap:12px;max-width:680px;margin:48px auto;padding:20px 22px;display:grid}.editor-crash h2{margin:0;font-size:17px}.editor-crash p{color:#f0d3d5;margin:0;font-size:13px;line-height:1.7}.editor-crash-detail{color:#ffc9cc;white-space:pre-wrap;overflow-wrap:anywhere;background:#17090b;border-radius:7px;width:100%;max-height:180px;margin:0;padding:10px;font-size:12px;overflow:auto}.editor-crash-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.editor-crash-actions button{color:#fff;cursor:pointer;background:#7a3339;border:1px solid #9c4a50;border-radius:8px;min-height:40px;padding:8px 16px}.editor-crash-actions button:hover{background:#944047}.editor-crash-actions a{color:#ffc9cc;font-size:13px}.property-list input::placeholder,.property-list textarea::placeholder,.editor-toolbar input::placeholder,.local-font-search input::placeholder{color:#8d97ab;opacity:1}.property-list input:hover:not(:disabled),.property-list select:hover:not(:disabled),.property-list textarea:hover:not(:disabled){border-color:var(--line-strong)}.property-list input:focus,.property-list select:focus,.property-list textarea:focus{border-color:var(--accent)}.property-list button:hover:not(:disabled),.editor-toolbar button:hover:not(:disabled){background:#2e3646;border-color:#58657f}.property-list button:active:not(:disabled),.editor-toolbar button:active:not(:disabled){background:#384259}.button-like:hover{background:#2e3646;border-color:#58657f}.property-list input,.property-list select,.property-list textarea{background:var(--field);border-color:var(--line-strong)}.effect-section>small{color:var(--muted)}.font-card{border-color:var(--line)}.font-card-heading small,.font-load-state,.font-empty,.layer-select small,.local-font-face-name,.shell-phase-label,.export-region-summary{color:var(--muted)}.layer-card.selected{box-shadow:inset 4px 0 var(--accent-strong)}.layer-card.selected .layer-select strong{font-weight:800}.layer-card:hover:not(.selected){border-color:var(--line-strong);background:#171d28}.layer-select,.accordion-heading>button,.local-font-family-heading,.local-font-face,.font-card{cursor:pointer}.accordion-heading>button:hover{background:#1b2130}.perspective-handle-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.perspective-quad{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perspective-quad polygon{fill:color-mix(in srgb, var(--accent) 8%, transparent);stroke:var(--accent);stroke-width:1.5px;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;paint-order:stroke;filter:drop-shadow(0 0 2px #0b0f1acc)}.perspective-handle{width:26px;height:26px;min-height:26px;box-shadow:none;cursor:move;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.perspective-handle span{background:var(--accent);opacity:.9;border:1px solid #0d1220;border-radius:50%;width:6px;height:6px;box-shadow:0 1px 3px #000a}.perspective-handle:hover span,.perspective-handle:focus-visible span{background:var(--accent-strong);opacity:1}.perspective-handle-layer[data-perspective-dragging=true] .perspective-handle span{background:var(--accent-strong);opacity:1;box-shadow:0 0 0 2.5px color-mix(in srgb, var(--accent) 34%, transparent), 0 1px 3px #000a}.perspective-handle-layer[data-perspective-dragging=true] .perspective-quad polygon{stroke-dasharray:none;stroke-width:2px;fill:color-mix(in srgb, var(--accent) 14%, transparent)}@media (pointer:coarse){.perspective-handle{width:30px;height:30px;min-height:30px}.perspective-handle span{width:5.5px;height:5.5px}.perspective-quad polygon{stroke-width:1.25px;stroke-dasharray:6 5}.perspective-handle-layer[data-perspective-dragging=true] .perspective-quad polygon{stroke-width:1.75px}}.mesh-handle-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.mesh-grid{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mesh-grid line{stroke:var(--accent);stroke-width:1px;opacity:.38;vector-effect:non-scaling-stroke}.mesh-handle-layer[data-mesh-dragging=true] .mesh-grid line{opacity:.62}.mesh-handle{width:24px;height:24px;min-height:24px;box-shadow:none;cursor:move;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.mesh-handle span{background:var(--accent);opacity:.85;border:1px solid #0d1220;border-radius:50%;width:5px;height:5px;box-shadow:0 1px 3px #000a}.mesh-handle:hover span,.mesh-handle:focus-visible span{background:var(--accent-strong);opacity:1}.mesh-handle-layer[data-mesh-dragging=true] .mesh-handle span{background:var(--accent-strong);opacity:1;box-shadow:0 0 0 2.5px color-mix(in srgb, var(--accent) 34%, transparent), 0 1px 3px #000a}@media (pointer:coarse){.mesh-handle{width:30px;height:30px;min-height:30px}.mesh-grid line{stroke-width:.75px;opacity:.32}}.export-result-backdrop{z-index:40;background:#05070ccc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.export-result-sheet{width:min(420px,100%);max-height:min(86dvh,620px);padding:14px 14px calc(14px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--panel);border-radius:14px;gap:10px;display:grid;overflow-y:auto;box-shadow:0 24px 60px #000a}.export-result-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-result-heading h2{margin:0;font-size:15px}.export-result-heading button{white-space:nowrap;border-radius:8px;min-width:40px;height:40px;min-height:40px;padding:0 10px;font-size:13px;line-height:1}.export-result-preview{object-fit:contain;border:1px solid var(--line);background-color:#1b2029;background-image:linear-gradient(45deg,#262c37 25%,#0000 25% 75%,#262c37 75%),linear-gradient(45deg,#262c37 25%,#0000 25% 75%,#262c37 75%);background-position:0 0,8px 8px;background-size:16px 16px;border-radius:8px;width:100%;max-height:40dvh}.export-result-meta{color:var(--muted);margin:0;font-size:12px}.export-result-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.export-result-actions{gap:8px;display:grid}.export-result-actions button{width:100%;min-height:44px;font-size:14px}.export-result-actions button.primary{border-color:color-mix(in srgb, var(--accent) 60%, var(--line));background:color-mix(in srgb, var(--accent) 22%, var(--panel));color:#f2f6ff}.export-result-actions button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 32%, var(--panel))}@media (min-width:900px){.export-result-actions{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.perspective-hint{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.image-fill-editor{gap:8px;display:grid}.image-fill-source{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.image-file-button{border:1px solid var(--line);background:var(--panel-raised,#1b2130);color:#f4f6fb;cursor:pointer;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:12px;display:inline-flex}.image-file-button:hover{border-color:var(--line-strong)}.image-file-button input[type=file]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-file-name,.image-file-hint{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:120px;font-size:11px;overflow:hidden}.image-unavailable{color:#f0c9cf;background:#2a1c20;border:1px solid #7a4a52;border-radius:8px;margin:0;padding:8px 10px;font-size:11px;line-height:1.6}.image-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-number{min-width:0;color:var(--label);gap:4px;font-size:11px;display:grid}.image-number input{width:100%;min-height:36px}@media (max-width:460px){.image-transform-grid{grid-template-columns:minmax(0,1fr)}}.mask-invert{min-height:36px;color:var(--label);align-items:center;gap:8px;font-size:12px;display:flex}.mask-invert input{width:18px;height:18px}.style-scaling-toggle{min-height:36px;color:var(--label);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.style-scaling-toggle input{width:18px;height:18px;margin:0}.layer-clip{min-height:32px;color:var(--muted);cursor:pointer;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;padding-top:2px;font-size:11px;display:flex}.layer-clip input{width:16px;height:16px;margin:0}.layer-clip[data-layer-clip=on]{color:var(--label)}.layer-clip[data-layer-clip=unresolved]{color:#f0c9cf}.layer-clip-warning{color:#f0c9cf;flex:100%;font-size:10px;line-height:1.5}.export-result-backdrop[data-export-processing] .export-result-sheet{background:#151922}.export-result-backdrop:focus{outline:none}.export-processing{text-align:center;justify-items:center;gap:14px;padding:24px 4px;display:grid}.export-processing h2{margin:0;font-size:16px}.export-processing p{color:var(--muted);margin:0;font-size:13px}.export-processing-spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite export-processing-spin}@keyframes export-processing-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.export-processing-spinner{animation:none}}.font-filter-bar{border-bottom:1px solid #303746;gap:7px;padding-bottom:8px;display:grid}.font-filter-search{color:#b7bfce;gap:3px;font-size:11px;display:grid}.font-filter-chips{flex-wrap:wrap;gap:5px;display:flex}.font-chip{color:#dbe3f2;white-space:nowrap;background:#1b2130;border:1px solid #3c465a;border-radius:999px;min-height:30px;padding:4px 9px;font-size:11px}.font-chip:hover:not(:disabled){background:#222a3c;border-color:#55627c}.font-chip.on{border-color:var(--accent);color:#081120;background:var(--accent);font-weight:600}.font-chip:disabled{opacity:.45}.font-filter-status{color:#ffd98a;font-size:11px}.font-badge{white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:10px;line-height:1.6}.font-badge.tag{color:#cfe0ff;background:#2a3550}.font-badge.unsupported{color:#ffd9d9;background:#7a2c31;font-weight:600}.font-badge.unknown{color:#d8dce6;background:#333a49}.font-card-labels{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.font-card-shell{display:grid;position:relative}.font-card{padding-right:34px}.font-favourite{color:#8b95a8;background:0 0;border:0;border-radius:5px;width:28px;height:28px;min-height:28px;padding:0;font-size:15px;line-height:1;position:absolute;top:6px;right:6px}.font-favourite:hover,.font-favourite:focus-visible{color:#ffd257;background:#232b3c}.font-favourite.on{color:#ffc93c}.font-recent-list{flex-wrap:wrap;gap:5px;display:flex}.font-recent-item{color:#e3e9f6;text-align:left;background:#171d2b;border:1px solid #333c4d;border-radius:6px;gap:1px;min-height:34px;padding:4px 9px;font-size:11px;display:grid}.font-recent-item.selected{border-color:var(--accent);background:#1d2740}.font-recent-item small{color:var(--muted);font-size:10px}.font-recent-name{font-weight:600}.local-font-family-preview{color:#eef2fa;white-space:nowrap;text-overflow:ellipsis;padding:0 4px 3px 20px;font-size:15px;line-height:1.3;display:block;overflow:hidden}.local-font-family{position:relative}.local-font-family .font-card-labels{padding:0 34px 5px 20px}.local-font-family .font-favourite{top:3px}.missing-glyph-notice{color:#ffe9bd;background:#33280f;border:1px solid #8a6a1f;border-radius:7px;gap:5px;padding:9px 10px;display:grid}.missing-glyph-notice strong{color:#ffd98a;font-size:12px}.missing-glyph-notice p{margin:0;font-size:12px}.missing-glyph-notice small{color:#e4d3ad;font-size:11px}.missing-glyph-list{color:#fff4dd;font-size:15px;font-weight:600}.missing-font-notice.restoring{color:#d6e8ff;background:#16273a;border-color:#2f5a86}.missing-font-reason{color:#ffdede;margin:0;font-size:11px}.toolbar-backdrop{flex:none;gap:5px}.canvas-backdrop-custom{border:1px solid #4a5160;border-radius:5px;width:30px;height:26px;min-height:26px;padding:0}.text-align-field{border:0;gap:4px;min-width:0;margin:0;padding:0;display:grid}.text-align-field legend{color:#b7bfce;padding:0;font-size:11px}.text-align-field small{color:var(--muted);font-size:10px}.text-align-field .segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.text-align-field .segmented button{min-width:0;min-height:36px}.text-align-field .segmented button[aria-pressed=true]{border-color:var(--accent);color:#eaf1ff;background:#24314c}@media (max-width:767px),(pointer:coarse) and (max-width:899px){.text-align-field .segmented button{min-height:40px}}.text-metrics{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px;display:grid}.text-metrics label{color:#b7bfce;gap:3px;min-width:0;font-size:11px;display:grid}.text-metrics input{min-width:0;min-height:36px}.current-font{gap:3px;display:grid}:root{--row-action-size:36px;--row-action-height:38px;--row-action-slot:calc(var(--row-action-size) + 6px)}@media (pointer:coarse){:root{--row-action-size:40px;--row-action-height:40px}}.accordion-heading .section-menu>button,.fill-row-summary .icon-button,.stroke-row button.icon-button{min-width:var(--row-action-size);min-height:var(--row-action-size);background:#252b37;border:0;border-radius:7px;padding:0}.accordion-heading .section-menu>button:hover:not(:disabled),.fill-row-summary .icon-button:hover:not(:disabled),.stroke-row button.icon-button:hover:not(:disabled){background:#2e3646}.accordion-heading .section-menu>button:active:not(:disabled),.fill-row-summary .icon-button:active:not(:disabled),.stroke-row button.icon-button:active:not(:disabled){background:#384259}.accordion-heading .section-menu>button[aria-expanded=true]{color:#eaf1ff;background:#304273}:is(.style-list-heading,.stroke-heading,.stroke-group-heading,.gradient-stop-heading,.gradient-preset-heading)>button{min-height:var(--row-action-height);align-self:center;padding-block:0}.style-export{border-top:1px solid #2a3141;gap:6px;min-width:0;margin-top:2px;padding-top:8px;display:grid}.style-export-action{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.style-export-action button{min-height:var(--row-action-height)}.style-export-format{color:var(--muted);white-space:nowrap;font-size:10px}.style-export-blocked{color:#ffe7bd;background:#2a1f0d;border:1px solid #6b4a12;border-radius:7px;gap:4px;min-width:0;padding:8px 10px;font-size:11px;display:grid}.style-export-blocked p{margin:0}.style-export-blocked ul{gap:4px;margin:0;padding-left:18px;display:grid}.style-export-blocked li{min-width:0}.style-export-blocked strong{color:#fff4dd;font-size:12px;display:block}.style-export-blocked small{color:#e4d3ad;font-size:10px;line-height:1.5;display:block}.style-export-error{color:#ffdede;margin:0;font-size:11px;line-height:1.5}.style-export-saved{color:#bfe8cf;margin:0;font-size:11px}.style-export-hint{color:var(--muted);font-size:10px;line-height:1.5}.editor-title{align-items:baseline;gap:6px;min-width:0;display:inline-flex}.editor-title-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.editor-version{color:var(--muted);letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px}.style-export-hint em{color:#8b94a6;font-style:normal;display:block}.style-export-action .button-like{min-height:var(--row-action-height)}.site-minimal-header a.shell-home-link{color:#9ca6bb;white-space:nowrap;width:auto;padding:0 6px;font-size:12px}.site-minimal-header a.shell-home-link:hover{color:#dfe5f2}body:has([data-editor-shell]){padding-top:0}:is(body:has([data-editor-shell]) [data-bottom-nav],body:has([data-editor-shell]) [data-bottom-nav-spacer],body:has([data-editor-shell]) .favorite-float){display:none}.editor-shell .site-minimal-header>span,.editor-shell .layer-panel>h2,.editor-shell .property-panel>h2,.editor-shell .compact-panel-heading h2,.editor-shell .site-minimal-header a:not(.shell-home-link),.editor-shell .layer-select strong,.editor-shell .reference-heading strong{color:#f4f6fb}.editor-shell .layer-card button:not(:disabled),.editor-shell .compact-panel-heading button{color:var(--label)}.editor-shell .layer-card button:disabled{color:var(--muted)}