:root{color-scheme:light;--ink: #0d1018;--ink-muted: #4b556f;--paper: #f6f4ef;--paper-deep: #e8e3d8;--accent: #b8891a;--accent-strong: #96720f;--panel-bg: #faf8f4;--panel-fg: #1c2233;--panel-muted: #5e6678;--stroke: rgb(13 16 24 / .1);--canvas-board: #e8e4dc;--canvas-stage-highlight: rgb(255 252 245 / .85);--canvas-fg: #2c3348;--canvas-muted: #5e6678;--canvas-board-border: rgb(13 16 24 / .1);--canvas-board-gradient-a: rgb(248 246 241);--canvas-board-gradient-b: rgb(236 232 224);--canvas-board-gradient-c: rgb(245 243 237);--canvas-board-radial: rgb(255 255 253 / .6);--canvas-main-fg: #1a1f2e;--canvas-main-strong: #0d1018;--canvas-caption-fg: #4b556f;--canvas-code-bg: rgb(13 16 24 / .06);--canvas-mark-bg: rgb(212 175 55 / .42);--canvas-box-bg: rgb(232 203 130);--canvas-overflow-fg: #9a5a12;--slot-line: rgb(184 137 26 / .4);--slot-bg-stripe: rgb(13 16 24 / .04);--slot-bg-base: rgb(248 246 241 / .95);--slot-filled-bg: #0b0e15;--screen-ph-fg: #5e6678;--screen-ph-glyph: rgb(184 137 26 / .42);--btn-bg: rgb(255 255 253);--btn-fg: var(--ink);--btn-border: rgb(13 16 24 / .14);--btn-hover-border: rgb(184 137 26 / .5);--btn-kbd-bg: rgb(13 16 24 / .06);--btn-kbd-fg: rgb(94 102 120 / .92);--btn-kbd-border: rgb(13 16 24 / .12);--btn-kbd-inset: rgb(255 255 255 / .45);--panel-field-bg: rgb(255 255 253 / .92);--panel-field-border: rgb(13 16 24 / .14);--panel-fieldset-bg: rgb(13 16 24 / .04);--panel-details-border: rgb(13 16 24 / .08);--panel-summary-fg: var(--panel-fg);--panel-hint: rgb(94 102 120 / .85);--panel-note: rgb(75 83 102 / .9);--panel-label: rgb(94 102 120 / .8);--panel-textarea-bg: rgb(255 255 253 / .88);--panel-textarea-border: rgb(13 16 24 / .12);--panel-code-bg: rgb(184 137 26 / .1);--panel-code-border: rgb(184 137 26 / .28);--panel-muted-fg: rgb(94 102 120 / .82);--panel-dev-btn-bg: rgb(13 16 24 / .06);--panel-status: #2a6a7a;--panel-range-track: rgb(13 16 24 / .14);--toast-bg: rgb(255 255 253 / .97);--toast-fg: var(--ink);--toast-border: rgb(184 137 26 / .45);--toast-shadow: 0 14px 32px rgb(13 16 24 / .14);--toast-dismiss: rgb(94 102 120 / .7);--toast-dismiss-hover-bg: rgb(13 16 24 / .06);--mock-shadow: 0 14px 28px rgb(13 16 24 / .16);--mock-shadow-accent: 0 4px 8px rgb(184 137 26 / .12);--mock-shadow-bleed-bottom: 44px;--bezel-fallback-border: rgb(120 128 148);--bezel-fallback-bg-a: rgb(200 206 220);--bezel-fallback-bg-b: rgb(160 168 188);--bezel-fallback-fg: rgb(90 98 118);--zoom-tile-bg: rgb(255 255 253 / .88);--zoom-tile-shadow: 0 12px 28px rgb(13 16 24 / .18);--drop-hover-ring: rgb(184 137 26 / .35)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]){color-scheme:dark;--ink: #0d1018;--ink-muted: #4b556f;--paper: #f6f4ef;--paper-deep: #e8e3d8;--accent: #d4af37;--accent-strong: #b8891a;--panel-bg: #11141c;--panel-fg: rgb(239 239 246);--panel-muted: #9aa4bd;--stroke: rgb(255 247 229 / .12);--canvas-board: #0b0e15;--canvas-stage-highlight: rgb(236 229 214 / .35);--canvas-fg: rgb(244 240 230);--canvas-muted: rgb(188 178 154 / .55);--canvas-board-border: rgb(255 240 207 / .08);--canvas-board-gradient-a: rgb(26 29 41);--canvas-board-gradient-b: rgb(11 13 21);--canvas-board-gradient-c: rgb(28 31 43);--canvas-board-radial: rgb(40 43 54 / .45);--canvas-main-fg: rgb(252 246 229);--canvas-main-strong: rgb(255 252 240);--canvas-caption-fg: rgb(232 226 207 / .78);--canvas-code-bg: rgb(0 0 0 / .35);--canvas-mark-bg: rgb(212 175 55 / .32);--canvas-box-bg: rgb(98 78 32);--canvas-overflow-fg: rgb(255 210 150 / .95);--slot-line: rgb(212 175 55 / .35);--slot-bg-stripe: rgb(255 247 229 / .05);--slot-bg-base: rgb(11 13 21 / .85);--slot-filled-bg: #0b0e15;--screen-ph-fg: rgb(214 207 177 / .78);--screen-ph-glyph: rgb(212 175 55 / .35);--btn-bg: rgb(28 31 43);--btn-fg: rgb(240 235 217);--btn-border: rgb(42 46 61);--btn-hover-border: rgb(212 175 55 / .45);--btn-kbd-bg: rgb(8 10 18 / .72);--btn-kbd-fg: rgb(186 192 218 / .92);--btn-kbd-border: rgb(56 62 82);--btn-kbd-inset: rgb(255 255 255 / .06);--panel-field-bg: rgb(8 10 18 / .55);--panel-field-border: rgb(148 157 178 / .28);--panel-fieldset-bg: rgb(12 16 28 / .35);--panel-details-border: rgb(148 157 178 / .12);--panel-summary-fg: rgb(239 239 246);--panel-hint: rgb(173 178 205 / .75);--panel-note: rgb(192 196 217 / .88);--panel-label: rgb(158 167 206 / .75);--panel-textarea-bg: rgb(16 21 34 / .86);--panel-textarea-border: rgb(148 157 178 / .18);--panel-code-bg: rgb(212 175 55 / .08);--panel-code-border: rgb(212 175 55 / .26);--panel-muted-fg: rgb(168 173 207 / .78);--panel-dev-btn-bg: rgb(42 52 73 / .65);--panel-status: rgb(186 236 247);--panel-range-track: rgb(148 157 178 / .28);--toast-bg: rgb(17 20 30 / .94);--toast-fg: rgb(244 240 230);--toast-border: rgb(212 175 55 / .42);--toast-shadow: 0 18px 40px rgb(0 0 0 / .42);--toast-dismiss: rgb(214 207 177 / .75);--toast-dismiss-hover-bg: rgb(255 255 255 / .08);--mock-shadow: 0 18px 32px rgb(0 0 0 / .55);--mock-shadow-accent: 0 6px 8px rgb(212 175 55 / .08);--mock-shadow-bleed-bottom: 52px;--bezel-fallback-border: rgb(48 53 71);--bezel-fallback-bg-a: rgb(62 69 93);--bezel-fallback-bg-b: rgb(28 31 43);--bezel-fallback-fg: rgb(142 154 178);--zoom-tile-bg: rgb(11 13 21 / .45);--zoom-tile-shadow: 0 16px 36px rgb(0 0 0 / .48);--drop-hover-ring: rgb(212 175 55 / .35)}}:root[data-color-scheme=dark]{color-scheme:dark;--ink: #0d1018;--ink-muted: #4b556f;--paper: #f6f4ef;--paper-deep: #e8e3d8;--accent: #d4af37;--accent-strong: #b8891a;--panel-bg: #11141c;--panel-fg: rgb(239 239 246);--panel-muted: #9aa4bd;--stroke: rgb(255 247 229 / .12);--canvas-board: #0b0e15;--canvas-stage-highlight: rgb(236 229 214 / .35);--canvas-fg: rgb(244 240 230);--canvas-muted: rgb(188 178 154 / .55);--canvas-board-border: rgb(255 240 207 / .08);--canvas-board-gradient-a: rgb(26 29 41);--canvas-board-gradient-b: rgb(11 13 21);--canvas-board-gradient-c: rgb(28 31 43);--canvas-board-radial: rgb(40 43 54 / .45);--canvas-main-fg: rgb(252 246 229);--canvas-main-strong: rgb(255 252 240);--canvas-caption-fg: rgb(232 226 207 / .78);--canvas-code-bg: rgb(0 0 0 / .35);--canvas-mark-bg: rgb(212 175 55 / .32);--canvas-box-bg: rgb(98 78 32);--canvas-overflow-fg: rgb(255 210 150 / .95);--slot-line: rgb(212 175 55 / .35);--slot-bg-stripe: rgb(255 247 229 / .05);--slot-bg-base: rgb(11 13 21 / .85);--slot-filled-bg: #0b0e15;--screen-ph-fg: rgb(214 207 177 / .78);--screen-ph-glyph: rgb(212 175 55 / .35);--btn-bg: rgb(28 31 43);--btn-fg: rgb(240 235 217);--btn-border: rgb(42 46 61);--btn-hover-border: rgb(212 175 55 / .45);--btn-kbd-bg: rgb(8 10 18 / .72);--btn-kbd-fg: rgb(186 192 218 / .92);--btn-kbd-border: rgb(56 62 82);--btn-kbd-inset: rgb(255 255 255 / .06);--panel-field-bg: rgb(8 10 18 / .55);--panel-field-border: rgb(148 157 178 / .28);--panel-fieldset-bg: rgb(12 16 28 / .35);--panel-details-border: rgb(148 157 178 / .12);--panel-summary-fg: rgb(239 239 246);--panel-hint: rgb(173 178 205 / .75);--panel-note: rgb(192 196 217 / .88);--panel-label: rgb(158 167 206 / .75);--panel-textarea-bg: rgb(16 21 34 / .86);--panel-textarea-border: rgb(148 157 178 / .18);--panel-code-bg: rgb(212 175 55 / .08);--panel-code-border: rgb(212 175 55 / .26);--panel-muted-fg: rgb(168 173 207 / .78);--panel-dev-btn-bg: rgb(42 52 73 / .65);--panel-status: rgb(186 236 247);--panel-range-track: rgb(148 157 178 / .28);--toast-bg: rgb(17 20 30 / .94);--toast-fg: rgb(244 240 230);--toast-border: rgb(212 175 55 / .42);--toast-shadow: 0 18px 40px rgb(0 0 0 / .42);--toast-dismiss: rgb(214 207 177 / .75);--toast-dismiss-hover-bg: rgb(255 255 255 / .08);--mock-shadow: 0 18px 32px rgb(0 0 0 / .55);--mock-shadow-accent: 0 6px 8px rgb(212 175 55 / .08);--mock-shadow-bleed-bottom: 52px;--bezel-fallback-border: rgb(48 53 71);--bezel-fallback-bg-a: rgb(62 69 93);--bezel-fallback-bg-b: rgb(28 31 43);--bezel-fallback-fg: rgb(142 154 178);--zoom-tile-bg: rgb(11 13 21 / .45);--zoom-tile-shadow: 0 16px 36px rgb(0 0 0 / .48);--drop-hover-ring: rgb(212 175 55 / .35)}:root[data-color-scheme=light]{--btn-kbd-bg: rgb(13 16 24 / .06);--btn-kbd-fg: rgb(94 102 120 / .92);--btn-kbd-border: rgb(13 16 24 / .12);--btn-kbd-inset: rgb(255 255 255 / .45)}:root{font-family:MockShot Sans JP,sans-serif;font-size:15px;line-height:1.58;font-weight:400;color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0}.app-root{height:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.site-legal-bar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .55rem;padding:.4rem .75rem;border-top:1px solid var(--paper-deep);background:color-mix(in srgb,var(--paper) 88%,var(--ink));font-size:.75rem;line-height:1.4;z-index:20}.site-legal-bar a{color:var(--ink-muted);text-decoration:none}.site-legal-bar a:hover{color:var(--accent-strong, var(--accent));text-decoration:underline}.corrupt-open-dialog{flex-shrink:0}.app-browser-chrome{position:fixed;left:-10000px;top:0;display:flex;flex-wrap:nowrap;gap:.35rem;padding:0;margin:0;pointer-events:auto}.app-file-menu{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem}.app-file-menu__btn{font:inherit;font-size:.8125rem;padding:.35rem .65rem;border-radius:8px;border:1px solid var(--paper-deep);background:#ffffffa6;color:var(--ink);cursor:pointer}.app-file-menu__btn:hover{border-color:var(--accent)}.app-file-menu__btn.is-active{border-color:var(--accent);background:#d4af371f}.app-file-menu__path{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corrupt-open-dialog{margin:0 clamp(18px,3vw,36px);padding:1rem 1.1rem;border-radius:12px;border:1px solid rgb(212 64 64 / .35);background:#fff6f6;color:var(--ink)}.corrupt-open-dialog__title{margin:0 0 .5rem;font-size:1.05rem}.corrupt-open-dialog__body{margin:0 0 .85rem;white-space:pre-wrap}.corrupt-open-dialog__actions{display:flex;flex-wrap:wrap;gap:.5rem}.export-gate-modal-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1.25rem;background:#0d101873}.export-gate-modal{position:relative;width:min(100%,26rem);padding:1.25rem 1.35rem 1.35rem;border-radius:14px;border:1px solid rgb(13 16 24 / .12);background:var(--paper, #fff);color:var(--ink);box-shadow:0 18px 48px #0d101838}.export-gate-modal__close{position:absolute;top:.55rem;right:.65rem;width:2rem;height:2rem;border:none;border-radius:8px;background:transparent;color:var(--ink-muted, #5c6570);font-size:1.35rem;line-height:1;cursor:pointer}.export-gate-modal__close:hover{background:#0d10180f;color:var(--ink)}.export-gate-modal__title{margin:0 1.5rem .55rem 0;font-size:1.15rem}.export-gate-modal__body{margin:0 0 1.1rem;font-size:.9375rem;line-height:1.5;color:var(--ink-muted, #5c6570)}.export-gate-modal__actions{display:flex;flex-direction:column;gap:.55rem}.export-gate-modal__actions .btn-primary,.export-gate-modal__actions .app-file-menu__btn{width:100%;justify-content:center;text-align:center}.app-loading{padding:2rem;text-align:center;color:var(--ink-muted)}.viewport-too-narrow{box-sizing:border-box;min-height:100dvh;min-height:100vh;display:grid;place-items:center;padding:1.5rem 1.25rem;background:radial-gradient(120% 80% at 50% -10%,rgb(184 137 26 / .14),transparent 55%),var(--paper, #f6f4ef);color:var(--ink, #0d1018)}.viewport-too-narrow__card{width:min(100%,22.5rem);padding:1.6rem 1.35rem 1.45rem;border-radius:16px;border:1px solid rgb(13 16 24 / .1);background:#fffffdeb;box-shadow:0 18px 40px #0d10181a}.viewport-too-narrow__brand{margin:0 0 .65rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-strong, #96720f)}.viewport-too-narrow__title{margin:0 0 .7rem;font-size:1.25rem;line-height:1.35;font-weight:700}.viewport-too-narrow__body{margin:0 0 .75rem;font-size:.9375rem;line-height:1.55;color:var(--ink-muted, #4b556f)}.viewport-too-narrow__hint{margin:0 0 1.15rem;font-size:.8125rem;line-height:1.45;color:#5e6678e6}.viewport-too-narrow__actions{display:flex;flex-direction:column;gap:.55rem}.viewport-too-narrow__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:.7rem 1rem;border-radius:10px;border:1px solid rgb(13 16 24 / .14);background:var(--ink, #0d1018);color:#f6f4ef;font-family:inherit;font-size:.9375rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer}.viewport-too-narrow__cta:hover{background:#1c2233}.viewport-too-narrow__secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:.65rem 1rem;border-radius:10px;border:1px solid rgb(13 16 24 / .14);background:transparent;color:var(--ink, #0d1018);font-size:.875rem;font-weight:600;text-decoration:none;text-align:center}.viewport-too-narrow__secondary:hover{background:#0d10180a}.runtime-badge{font-size:.8125rem;padding:.45rem .75rem;border-radius:999px;border:1px solid rgb(13 16 24 / .12);background:#fffffda6}.runtime-badge strong{color:var(--accent-strong)}.app-toast{position:fixed;z-index:200;left:50%;bottom:clamp(18px,3vh,32px);transform:translate(-50%);display:flex;align-items:center;gap:.65rem .85rem;max-width:min(520px,calc(100vw - 2rem));padding:.72rem .85rem .72rem 1.05rem;border-radius:12px;border:1px solid var(--toast-border);background:var(--toast-bg);color:var(--toast-fg);box-shadow:var(--toast-shadow);pointer-events:auto;animation:app-toast-enter .22s cubic-bezier(.22,1,.36,1)}@keyframes app-toast-enter{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app-toast__text{margin:0;flex:1;font-size:.875rem;line-height:1.45;letter-spacing:.01em}.app-toast__dismiss{flex-shrink:0;display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:none;border-radius:8px;font-size:1.15rem;line-height:1;color:var(--toast-dismiss);background:transparent;cursor:pointer}.app-toast__dismiss:hover{color:var(--toast-fg);background:var(--toast-dismiss-hover-bg)}.visually-hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;border:0}.editor-shell{flex:1;display:grid;grid-template-columns:minmax(280px,340px) minmax(520px,1fr) minmax(324px,400px);gap:0;min-height:0;overflow:hidden}.editor-shell--chrome-hidden{grid-template-columns:1fr}.editor-shell--chrome-hidden .side-panel{display:none}@media(max-width:960px){.editor-shell{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto}.canvas-stage{display:flex;flex-direction:column}.slide-strip--canvas{position:static;width:100%;max-width:none;height:auto;max-height:min(36vh,8.5rem)}.canvas-board-fit{padding-block-end:0}}.canvas-stage{--canvas-slide-strip-gap: clamp(12px, 1.6vw, 20px);--canvas-slide-strip-height: clamp(56px, 7.5vh, 68px);position:relative;padding:clamp(16px,2.4vw,28px);padding-right:28px;background:radial-gradient(circle at 52% -10%,var(--canvas-stage-highlight),transparent 55%),var(--canvas-board);color:var(--canvas-fg);min-height:0;height:100%;overflow:hidden;z-index:0}.canvas-board-fit{position:relative;min-height:0;min-width:0;width:100%;height:100%;box-sizing:border-box;padding-block-end:calc(var(--canvas-slide-strip-height) + var(--canvas-slide-strip-gap));display:flex;align-items:center;justify-content:center;container-type:size;container-name:canvas-board-fit}.canvas-stage--slide-strip-hidden .slide-strip--canvas{display:none}.canvas-stage--slide-strip-hidden .canvas-board-fit{padding-block-end:0}.canvas-board-fit:has(.canvas-slide-carousel.has-multiple){overflow:visible}.canvas-slide-carousel-shell{position:relative;width:100%;height:100%;min-height:0;min-width:0;overflow:visible;contain:layout}.canvas-slide-carousel.has-multiple{width:100%;height:100%;min-height:0;min-width:0;overflow:visible;justify-content:flex-start;align-items:center}.canvas-slide-carousel__track{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:clamp(10px,1.2vw,18px);width:max-content;max-width:none;height:auto;flex:none;box-sizing:border-box;overflow:visible;padding-inline:0;transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}@container canvas-board-fit (min-width: 0){.canvas-slide-carousel__track .canvas-slide-carousel__slot{flex:0 0 auto;width:min(100cqw,calc(100cqh * var(--preset-board-ar-w, 1290) / var(--preset-board-ar-h, 2796)));height:min(100cqh,calc(100cqw * var(--preset-board-ar-h, 2796) / var(--preset-board-ar-w, 1290)));max-width:100cqw;max-height:100cqh;display:flex;align-items:center;justify-content:center}.canvas-slide-carousel__track .canvas-board{width:100%;height:100%;max-width:100%;max-height:100%}}.canvas-slide-carousel.has-multiple .canvas-board.is-active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.canvas-slide-carousel{min-height:0;min-width:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.canvas-board--carousel{position:relative}button.canvas-board--carousel:not(.is-active){appearance:none;margin:0;padding:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.canvas-slide-carousel__arrow{--carousel-arrow-size: 2.25rem;position:absolute;top:calc(50% - var(--carousel-arrow-size) / 2);z-index:24;flex:none;width:var(--carousel-arrow-size);height:var(--carousel-arrow-size);border-radius:999px;border:1px solid var(--canvas-board-border);background:#12141cf0;color:var(--canvas-fg);font-size:1.35rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;appearance:none;-webkit-appearance:none;margin:0;padding:0;box-sizing:border-box;transition:background .15s ease,box-shadow .15s ease,opacity .15s ease}.canvas-slide-carousel__arrow--prev{left:clamp(4px,.6vw,8px)}.canvas-slide-carousel__arrow--next{right:clamp(4px,.6vw,8px)}.canvas-slide-carousel__arrow:hover:not(:disabled){background:#1c1e26fa;border-color:var(--canvas-board-border);box-shadow:inset 0 0 0 1px var(--accent)}.canvas-slide-carousel__arrow:disabled{opacity:.35;cursor:default}.canvas-board-visual--preview{pointer-events:none}.screen-ph-import--preview{min-height:100%;display:grid;place-items:center}.screen-ph-import--preview .screen-ph-inner{opacity:.55}.mock-screen-slot--drop-hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--drop-hover-ring),0 0 0 2px #b8891a26}.screen-ph-import{position:relative;z-index:1;width:100%;height:100%;overflow:hidden;pointer-events:none}.screen-ph-import__btn{position:relative;z-index:5;pointer-events:auto}.mock-screen-slot .zoom-marquee-plane{pointer-events:auto;z-index:6}.canvas-presence__frame[data-mock-orientation=landscape] .screen-ph-import{transform:rotate(-90deg);transform-origin:center center}.screen-ph-import__text{margin:0;max-width:100%;font-size:clamp(.68rem,2.2vw,.8rem);line-height:1.4;color:var(--screen-ph-fg)}.screen-ph-import__btn{margin-top:.1rem;font-size:clamp(.7rem,2vw,.78rem);padding:.35rem .65rem;max-width:100%}.screen-ph-import__formats{list-style:none;margin:.15rem 0 0;padding:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.12rem}.screen-ph-import__formats-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem .28rem;max-width:100%;margin:0}.screen-ph-import__ext{font-size:clamp(.56rem,1.65vw,.65rem);line-height:1.2;color:var(--screen-ph-fg);letter-spacing:.02em;white-space:nowrap}.canvas-board{position:relative;container-type:size;flex:none;box-sizing:border-box;aspect-ratio:var(--preset-board-ar-w, 1290) / var(--preset-board-ar-h, 2796);width:min(100cqw,calc(100cqh * var(--preset-board-ar-w) / var(--preset-board-ar-h)));height:min(100cqh,calc(100cqw * var(--preset-board-ar-h) / var(--preset-board-ar-w)));max-width:100cqw;max-height:100cqh;border-radius:18px;border:1px solid var(--canvas-board-border);background:radial-gradient(ellipse 140% 80% at 50% -20%,var(--canvas-board-radial),transparent),linear-gradient(160deg,var(--canvas-board-gradient-a) 0%,var(--canvas-board-gradient-b) 60%,var(--canvas-board-gradient-c) 100%);--canvas-board-padding: clamp(12px, 2.2cqw, 24px);padding:0;display:block;overflow:hidden}.canvas-board-visual{position:absolute;inset:0;box-sizing:border-box;padding:var(--canvas-board-padding);overflow:visible}.canvas-content-layers{position:absolute;inset:0;pointer-events:none}.canvas-center-snap-guides{position:absolute;inset:0;z-index:6;pointer-events:none}.canvas-center-snap-guides__line{position:absolute;background:#d4af378c;box-shadow:0 0 0 .5px #d4af3740}.canvas-center-snap-guides__line--vertical{top:0;bottom:0;left:50%;width:1px;transform:translate(-50%)}.canvas-center-snap-guides__line--horizontal{left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.canvas-layer{position:absolute;left:var(--layer-x, 50%);top:var(--layer-y, 50%);transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.canvas-layer--copy{--layer-x: var(--copy-layer-x, 50%);--layer-y: var(--copy-layer-y, 72%);z-index:5;width:calc(100% - 32px);max-width:calc(100% - 32px);cursor:grab;touch-action:none}.canvas-board-scrim-layer{position:absolute;top:calc(-1 * var(--canvas-board-padding, 16px));right:calc(-1 * var(--canvas-board-padding, 16px));bottom:calc(-1 * var(--canvas-board-padding, 16px));left:calc(-1 * var(--canvas-board-padding, 16px));z-index:4;pointer-events:none;transform:none}.canvas-board-scrim{position:absolute;left:0;right:0;width:100%;height:var(--board-scrim-height, 40%);pointer-events:none}.canvas-board-scrim--top{top:0;background:linear-gradient(180deg,rgb(0 0 0 / var(--board-scrim-edge-alpha, .62)) 0%,rgb(0 0 0 / var(--board-scrim-mid-alpha, .28)) 55%,transparent 100%)}.canvas-board-scrim--bottom{bottom:0;background:linear-gradient(0deg,rgb(0 0 0 / var(--board-scrim-edge-alpha, .62)) 0%,rgb(0 0 0 / var(--board-scrim-mid-alpha, .28)) 55%,transparent 100%)}.canvas-layer--copy.is-copy-dragging,.canvas-presence__frame.is-mock-dragging{cursor:grabbing}.canvas-layer--mock{--layer-x: var(--mock-layer-x, 50%);--layer-y: var(--mock-layer-y, 42%);z-index:3;--mock-board-copy-reserve: 30cqh;--mock-device-ar-w: 1290;--mock-device-ar-h: 2637;--mock-column-width: min( 88cqw, calc( (100cqh - var(--mock-board-copy-reserve)) * var(--mock-device-ar-w) / var(--mock-device-ar-h) ) );width:max-content;max-width:100%}.canvas-layer--mock[data-mock-device=google-pixel-generic]{--mock-device-ar-w: 969;--mock-device-ar-h: 2048}.canvas-layer--mock[data-mock-device=fallback]{--mock-device-ar-w: 9;--mock-device-ar-h: 19.6}.canvas-layer--mock[data-mock-scale=relaxed] .canvas-presence__frame{width:calc(var(--mock-column-width) * .74)}.canvas-layer--mock[data-mock-scale=tight] .canvas-presence__frame{width:calc(var(--mock-column-width) * .9)}.canvas-layer--mock[data-mock-scale=ultra-tight] .canvas-presence__frame{width:var(--mock-column-width)}.canvas-layer--copy .canvas-copy-block{position:relative;z-index:1;pointer-events:auto}.canvas-callout-plane{position:absolute;inset:0;pointer-events:none;z-index:6}.zoom-callout-tile{--zoom-display-w: 286px;--zoom-display-h: 200px;--zoom-border-w: 2px;--zoom-border-radius: 12px;--zoom-viewport-radius: 9px;--zoom-handle-top-radius: 8px;--zoom-magnify: 1.3;position:absolute;transform:translate(-50%,-50%);width:max-content;max-width:none;box-sizing:border-box;pointer-events:auto;border-radius:var(--zoom-border-radius);border:var(--zoom-border-w) solid rgb(212 175 55 / .78);box-shadow:var(--zoom-tile-shadow);background:var(--zoom-fill, var(--zoom-tile-bg));padding:var(--zoom-border-w)}.zoom-callout-placement-handle{position:absolute;top:0;left:0;right:0;height:14px;margin:0;border-radius:var(--zoom-handle-top-radius) var(--zoom-handle-top-radius) 0 0;touch-action:none;cursor:grab;z-index:2;background:linear-gradient(180deg,rgb(212 175 55 / .35) 0%,transparent 100%)}.zoom-callout-placement-handle:active{cursor:grabbing}.zoom-callout-viewport{position:relative;flex:0 0 auto;width:var(--zoom-display-w);min-width:var(--zoom-display-w);max-width:var(--zoom-display-w);height:var(--zoom-display-h);min-height:var(--zoom-display-h);max-height:var(--zoom-display-h);overflow:hidden;border-radius:var(--zoom-viewport-radius);touch-action:none;background:var(--zoom-fill, var(--zoom-tile-bg))}.zoom-callout-viewport__inner{position:absolute;left:0;top:0;overflow:hidden}.zoom-callout-crop-pan{display:block;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zoom-callout-crop-pan:active{cursor:grabbing}.zoom-callout-resize-handle{position:absolute;right:0;bottom:0;width:20px;height:20px;margin:0;padding:0;border:none;border-radius:0 0 var(--zoom-viewport-radius) 0;pointer-events:auto;touch-action:none;cursor:nwse-resize;background:linear-gradient(135deg,transparent 0 45%,rgb(212 175 55 / .85) 45% 100%)}.zoom-callout-resize-handle:focus-visible{outline:2px solid rgb(255 230 157 / .95);outline-offset:1px}.zoom-callout-image{display:block;width:100%;height:auto;border-radius:var(--zoom-viewport-radius)}.zoom-callout-tile--export{pointer-events:none;max-width:none;max-height:none}.zoom-callout-tile--export .zoom-callout-viewport{max-width:var(--zoom-display-w)}.zoom-marquee-plane{position:absolute;inset:0;z-index:3;cursor:crosshair;touch-action:none}.zoom-marquee-rubber{position:absolute;border:2px dashed rgb(212 175 55 / .95);background:#d4af3726;pointer-events:none}.side-mock-screenshot-actions{display:flex;flex-wrap:wrap;gap:.5rem}.side-mock-screenshot-actions .btn-primary,.side-mock-screenshot-actions .btn-secondary{flex:1 1 auto;min-width:7.5rem}.side-mock-screenshot-formats{margin-top:.35rem;font-size:.72rem;line-height:1.35}.side-zoom-mode-btn{margin-bottom:.55rem}.side-zoom-remove{margin-top:.82rem}.canvas-presence__frame{position:relative;width:var(--mock-column-width);max-width:100%;flex:0 0 auto;flex-shrink:0;min-height:min-content;filter:drop-shadow(var(--mock-shadow)) drop-shadow(var(--mock-shadow-accent));transform:scale(var(--mock-user-scale, 1)) rotate(var(--mock-rotate, 0deg));transform-origin:center center;touch-action:none}.canvas-presence__frame[data-mock-shadow=off]{filter:none}.canvas-presence__frame.is-mock-dragging{cursor:grabbing}.canvas-copy-overlay{position:absolute;left:0;right:0;z-index:6;pointer-events:none;display:flex;flex-direction:column;padding:clamp(10px,2.5cqw,20px)}.canvas-copy-overlay--overlay-top{top:0;align-items:stretch}.canvas-copy-overlay--overlay-bottom{bottom:0;align-items:stretch;justify-content:flex-end}.canvas-copy-scrim{position:absolute;left:0;right:0;height:clamp(72px,22cqh,160px);pointer-events:none;z-index:-1}.canvas-copy-overlay--overlay-top .canvas-copy-scrim{top:0;background:linear-gradient(180deg,rgb(0 0 0 / .62) 0%,rgb(0 0 0 / .28) 55%,transparent 100%)}.canvas-copy-overlay--overlay-bottom .canvas-copy-scrim{bottom:0;background:linear-gradient(0deg,rgb(0 0 0 / .62) 0%,rgb(0 0 0 / .28) 55%,transparent 100%)}.canvas-copy-overlay .canvas-copy-block{position:relative;z-index:1;max-width:100%;text-shadow:0 1px 12px rgb(0 0 0 / .45);pointer-events:auto}.canvas-copy-overlay .canvas-copy-block .dummy-main,.canvas-copy-overlay .canvas-copy-block .dummy-caption{color:#fff}.canvas-presence__frame-clip{position:relative;overflow:hidden;aspect-ratio:var(--mock-device-ar-w) / var(--mock-device-ar-h);transform:translateY(calc(-100% * var(--mock-crop-start, 0)))}.canvas-presence__frame-crop{position:relative;width:100%;overflow:visible}.canvas-presence__frame-crop-viewport{position:relative;width:100%;overflow:hidden;aspect-ratio:var(--mock-device-ar-w) / calc(var(--mock-device-ar-h) * var(--mock-crop-visible, 1))}.mock-slit{position:absolute;left:0;right:0;z-index:6;pointer-events:none}.mock-slit--start{top:0;height:0}.mock-slit--end{bottom:0;height:0}.canvas-presence__frame-crop[data-mock-slit=line]{--mock-slit-overhang: min(1.4cqw, 4px)}.canvas-presence__frame[data-mock-device=iphone-17]{--mock-chassis-inset-left: .012403;--mock-chassis-inset-right: .010853}.canvas-presence__frame[data-mock-device=google-pixel-generic]{--mock-chassis-inset-left: .001032;--mock-chassis-inset-right: .007224}.canvas-presence__frame[data-mock-device=fallback]{--mock-chassis-inset-left: 0;--mock-chassis-inset-right: 0}.canvas-presence__frame-crop[data-mock-slit=line] .mock-slit--start:before,.canvas-presence__frame-crop[data-mock-slit=line] .mock-slit--end:before{content:"";position:absolute;left:calc((var(--mock-chassis-inset-left, 0) + (1 - var(--mock-chassis-inset-left, 0) - var(--mock-chassis-inset-right, 0)) / 2) * 100%);width:calc((1 - var(--mock-chassis-inset-left, 0) - var(--mock-chassis-inset-right, 0)) * 100% + 2 * var(--mock-slit-overhang, 3px));transform:translate(-50%);right:auto;height:1px;background:#8c8c8cd9;box-shadow:0 0 0 .5px #50505059}.canvas-presence__frame-crop[data-mock-slit=line] .mock-slit--start:before{top:0}.canvas-presence__frame-crop[data-mock-slit=line] .mock-slit--end:before{bottom:0}.canvas-presence__frame-crop[data-mock-slit=fade] .canvas-presence__frame-crop-viewport{--mock-slit-fade-top: 0px;--mock-slit-fade-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--mock-slit-fade-top),#000 calc(100% - var(--mock-slit-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--mock-slit-fade-top),#000 calc(100% - var(--mock-slit-fade-bottom)),transparent 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.canvas-presence__frame-crop[data-mock-slit=fade][data-mock-crop-start-active=true] .canvas-presence__frame-crop-viewport{--mock-slit-fade-top: min(14cqw, 36px)}.canvas-presence__frame-crop[data-mock-slit=fade][data-mock-crop-end-active=true] .canvas-presence__frame-crop-viewport{--mock-slit-fade-bottom: min(14cqw, 36px)}.mock-crop-handle{position:absolute;left:8%;right:8%;z-index:7;height:10px;border-radius:999px;background:#ffffffb8;border:1px solid rgb(0 0 0 / .28);box-shadow:0 1px 4px #0000002e;cursor:ns-resize;touch-action:none;pointer-events:auto}.mock-crop-handle--start{top:2px}.mock-crop-handle--end{bottom:2px}.canvas-presence__frame[data-mock-orientation=landscape] .mock-crop-handle{cursor:ew-resize}.mock-crop-handle.is-crop-dragging{background:#ffffffeb}.canvas-board-visual.is-mock-crop-mode .canvas-content-layers{z-index:8}.canvas-board-visual.is-mock-crop-mode .canvas-layer--mock{z-index:10}.canvas-board-visual.is-mock-crop-mode .canvas-layer--copy,.canvas-board-visual.is-mock-crop-mode .canvas-board-scrim-layer,.canvas-board-visual.is-mock-crop-mode .canvas-callout-plane{opacity:.28;pointer-events:none}.canvas-board-visual.is-mock-crop-mode .mock-crop-handle{height:14px;left:4%;right:4%;background:#ffffffe0;border-color:#0006;box-shadow:0 0 0 1px #ffffff59,0 2px 10px #00000047}.mock-crop-mode__scrim{position:absolute;inset:0;z-index:7;margin:0;padding:0;border:none;background:#00000085;pointer-events:auto;cursor:default}.mock-crop-mode__chrome{position:absolute;top:12px;left:50%;z-index:12;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:8px 12px;border-radius:999px;background:#121216d1;border:1px solid rgb(255 255 255 / .14);box-shadow:0 8px 28px #00000059;pointer-events:none}.mock-crop-mode__hint{margin:0;font-size:.78rem;color:#ffffffe0;white-space:nowrap}.mock-crop-mode__done{min-height:32px;padding-inline:14px;font-size:.78rem;pointer-events:auto}.mock-frame-drag-handle{position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:grab;touch-action:none;pointer-events:auto}.mock-frame-drag-handle.is-mock-dragging,.mock-frame-drag-handle:active{cursor:grabbing}.mock-frame-drag-handle--disabled,.mock-frame-drag-handle--pass-through{pointer-events:none;cursor:default}.canvas-presence__frame[data-mock-device=iphone-17] .canvas-presence__frame-clip{clip-path:url(#mock-iphone-17-chassis-clip);-webkit-clip-path:url(#mock-iphone-17-chassis-clip)}.canvas-presence__frame[data-mock-device=google-pixel-generic] .canvas-presence__frame-clip{clip-path:url(#mock-pixel-chassis-clip);-webkit-clip-path:url(#mock-pixel-chassis-clip)}.mock-bezel{position:relative;z-index:3;width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none;pointer-events:none}.mock-bezel--css{aspect-ratio:9 / 19.6;border-radius:36px;border:3px solid var(--bezel-fallback-border);display:grid;place-items:center;color:var(--bezel-fallback-fg);font-size:.85rem;opacity:.5;background:linear-gradient(155deg,var(--bezel-fallback-bg-a),var(--bezel-fallback-bg-b))}.mock-screen-slot--filled{pointer-events:auto}.mock-screen-slot{position:absolute;z-index:2;pointer-events:none;border-radius:4%;border:1px solid var(--slot-line);overflow:hidden;background:radial-gradient(circle at 30% -10%,rgb(255 253 246 / .04),transparent),repeating-linear-gradient(-35deg,var(--slot-bg-stripe) 0 2px,transparent 2px 9px),var(--slot-bg-base)}.mock-screen-slot--iphone-17{inset:0;width:100%;height:100%;border:none;border-radius:0;clip-path:url(#mock-iphone-17-glass-clip);-webkit-clip-path:url(#mock-iphone-17-glass-clip)}.mock-screen-slot--iphone-17 .screenshot-filled,.mock-screen-slot--iphone-17 .screen-ph-import{position:absolute;inset:2.504% 5.349%;width:auto;height:auto;margin:0;border-radius:0;overflow:hidden;pointer-events:none}.mock-screen-slot--pixel-generic{inset:0;width:100%;height:100%;border:none;border-radius:0;clip-path:url(#mock-pixel-glass-clip);-webkit-clip-path:url(#mock-pixel-glass-clip)}.mock-screen-slot--pixel-generic:not(.mock-screen-slot--filled),.mock-screen-slot--pixel-generic.mock-screen-slot--filled{z-index:4}.mock-screen-slot--fallback{inset:3.2% 4%;border-radius:30px;z-index:4}.mock-screen-slot--filled{background:var(--slot-filled-bg);padding:0;border:none}.imported-screenshot{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.mock-screen-slot--iphone-17.mock-screen-slot--filled .imported-screenshot{object-fit:contain;object-position:center top}.mock-screen-slot--filled .screenshot-filled{pointer-events:auto}.screenshot-filled{position:relative;z-index:1;width:100%;height:100%;pointer-events:none}.canvas-app-rating-tile{position:absolute;transform:translate(-50%,-50%) scale(var(--app-rating-scale, 1));transform-origin:center center;z-index:1;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:min(72cqw,320px);max-width:calc(100% - 16px);padding:clamp(6px,2.8cqw,14px) clamp(8px,4cqw,18px) clamp(8px,3.2cqw,16px);background:transparent;pointer-events:auto;touch-action:none;cursor:grab}.canvas-app-rating-tile.is-dragging{cursor:grabbing}.canvas-app-rating-tile__comment{margin:0 0 clamp(4px,1.6cqw,7px);max-width:100%;text-align:center;color:#fff;font-size:clamp(12px,5.5cqw,22px);line-height:1.3;font-weight:600;white-space:pre-wrap}.canvas-app-rating-tile[data-app-rating-shadow=on] .canvas-app-rating-tile__comment{text-shadow:0 1px 2px rgb(0 0 0 / .52),0 2px 8px rgb(0 0 0 / .34),0 0 14px rgb(0 0 0 / .2)}.canvas-app-rating-tile__stars{display:block;width:min(100%,248px);height:auto;max-width:100%}.canvas-app-rating-tile[data-app-rating-shadow=on] .canvas-app-rating-tile__stars{filter:drop-shadow(0 2px 4px rgb(0 0 0 / .46)) drop-shadow(0 0 10px rgb(0 0 0 / .22))}.canvas-app-rating-tile[data-app-rating-shadow=off] .canvas-app-rating-tile__stars{filter:none}.screenshot-slot-actions{position:absolute;inset:0;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.65rem;padding:.5rem;background:#080a1094;opacity:0;pointer-events:none;transition:opacity .16s ease}.screenshot-filled:hover .screenshot-slot-actions,.screenshot-filled:focus-within .screenshot-slot-actions{opacity:1;pointer-events:auto}.screenshot-slot-actions__btn{position:relative;z-index:5;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border-radius:999px;border:1px solid rgb(255 255 255 / .22);background:#121620e0;color:#f8f4eb;box-shadow:0 2px 8px #00000059;cursor:pointer}.screenshot-slot-actions__btn:hover{border-color:#ffe69d8c;background:#1c2230eb}.screenshot-slot-actions__btn--replace{border-color:#d4af3773;color:#ffedad}.screenshot-slot-actions__btn--replace:hover{border-color:#ffe69dbf;background:linear-gradient(155deg,#dbb248eb,#b08b34eb);color:#140f05}.screenshot-slot-actions__btn--danger{border-color:#ff787859;color:#ffd2d2}.screenshot-slot-actions__btn--danger:hover{border-color:#ff9696a6;background:#38161ceb}.screenshot-slot-actions__icon{display:block;width:1.25rem;height:1.25rem}@media(hover:none){.screenshot-slot-actions{opacity:1;pointer-events:none;background:linear-gradient(180deg,#080a100d 55%,#080a10b8);justify-content:center;align-items:flex-end;padding-bottom:.65rem}}.screen-ph-inner{height:100%;max-width:100%;box-sizing:border-box;padding:clamp(6px,2vw,10px) clamp(5px,1.8vw,8px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(.2rem,1.2vw,.32rem);font-size:.82rem;color:var(--screen-ph-fg);overflow:hidden}.screen-ph-inner .screen-ph-inner__glyph{flex-shrink:0;font-size:clamp(1.2rem,4.5vw,1.55rem)}.screen-ph-inner p{margin:0}.screen-ph-inner__glyph{color:var(--screen-ph-glyph)}.canvas-copy-block{width:100%;box-sizing:border-box;padding-inline:16px;display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.canvas-copy-stack{width:100%;max-width:100%;box-sizing:border-box;flex:0 0 auto;flex-shrink:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--copy-main-caption-gap, 20px)}.canvas-copy-hit--editable{cursor:text;border-radius:6px}.canvas-copy-hit--editable:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.dummy-main-msg{margin:0;width:100%;max-width:100%;font-family:MockShot Sans JP,sans-serif;font-weight:400;font-synthesis:none;color:var(--canvas-main-fg);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;line-height:1.35}.dummy-main-msg--auto-break{word-break:keep-all}.dummy-main-msg strong{font-weight:700;color:var(--canvas-main-strong)}.dummy-main-msg em{font-style:normal;display:inline-block;transform:skew(-10deg)}.dummy-main-msg code{font-family:monospace;font-size:.88em;padding:.08em .28em;border-radius:4px;background:var(--canvas-code-bg)}.dummy-main-msg mark.md-highlight,.dummy-caption mark.md-highlight{color:inherit;position:relative;isolation:isolate;background:none;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 .08em;--md-highlight-ink-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 18' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 4.2 C8 3.6 16 4.8 25 4.1 S42 3.9 50 4.3 S66 4.6 75 4 S92 3.8 100 4.2 L100 15.6 C92 16.2 84 15 75 15.7 S58 15.9 50 15.5 S34 15.2 25 15.8 S8 16 0 15.6 Z'/%3E%3C/svg%3E")}.dummy-main-msg mark.md-highlight:before,.dummy-caption mark.md-highlight:before{content:"";position:absolute;z-index:-1;left:-.14em;right:-.16em;bottom:-.07em;height:.56em;pointer-events:none;opacity:.9;transform:rotate(-.28deg);transform-origin:12% 72%;background-color:var(--md-highlight-bg, var(--canvas-mark-bg));-webkit-mask-image:var(--md-highlight-ink-mask);mask-image:var(--md-highlight-ink-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.dummy-main-msg .md-box,.dummy-caption .md-box{display:inline-block;padding:.06em .42em;border:none;border-radius:.55em;background:var(--md-box-bg, var(--canvas-box-bg));line-height:1.25}.dummy-caption{margin:0;width:100%;max-width:100%;font-family:MockShot Sans JP,sans-serif;font-weight:400;font-synthesis:none;font-size:.92rem;color:var(--canvas-caption-fg);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;line-height:1.4}.dummy-caption--auto-break{word-break:keep-all}.dummy-caption strong{font-weight:700}.dummy-caption em{font-style:normal;display:inline-block;transform:skew(-10deg)}.dummy-caption code{font-family:monospace;font-size:.88em}button{border-radius:999px;border:1px solid var(--btn-border);padding:.5rem 1.15rem;font-weight:600;font-family:inherit;cursor:pointer;background:var(--btn-bg);color:var(--btn-fg);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);border-color:var(--btn-hover-border)}button:active{transform:translateY(0)}.btn-primary{border-color:#d4af378c;background:linear-gradient(155deg,#dbb248,#b08b34);color:#140f05;box-shadow:0 3px 10px #00000059,0 0 0 1px #ffedad26}.btn-primary:hover{border-color:#ffe69dbf}.btn-secondary{border-color:var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);box-shadow:none}.btn-secondary:hover:not(:disabled){border-color:var(--btn-hover-border);background:var(--btn-bg)}.btn-with-leading-icon{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-leading-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-with-shortcut{--btn-kbd-track: 2.35rem;display:grid;grid-template-columns:1fr var(--btn-kbd-track);align-items:center;padding-inline:.85rem .7rem}.btn-with-shortcut__label{grid-column:1 / -1;grid-row:1;justify-self:center;transform:translate(calc(var(--btn-kbd-track) / -2));font-weight:600;line-height:1.2}.btn-with-shortcut__label--with-icon{display:inline-flex;align-items:center;gap:.42rem}.btn-with-shortcut__kbd{grid-column:2;grid-row:1;justify-self:end;margin:0;padding:.12rem .38rem;border-radius:5px;border:1px solid var(--btn-kbd-border);background:var(--btn-kbd-bg);color:var(--btn-kbd-fg);font-family:inherit;font-size:.68rem;font-weight:600;letter-spacing:.02em;line-height:1.25;box-shadow:inset 0 1px 0 var(--btn-kbd-inset)}.btn-with-shortcut:disabled .btn-with-shortcut__kbd{opacity:.65}.slide-strip{margin:0}.slide-strip--canvas{position:absolute;z-index:32;left:clamp(16px,2.4vw,28px);right:clamp(16px,2.4vw,28px);bottom:clamp(16px,2.4vw,28px);box-sizing:border-box;width:auto;height:var(--canvas-slide-strip-height);min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;padding:.45rem .55rem;border-radius:10px;border:1px solid var(--stroke);background:var(--panel-bg);box-shadow:0 10px 28px #0d101824}.slide-strip--canvas .slide-strip__title--sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slide-strip--canvas .slide-strip__list{grid-column:1;flex:1 1 auto;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;min-height:0;min-width:0;padding:0 .35rem .1rem 0;scroll-snap-type:x proximity;gap:.35rem}.slide-strip--canvas .slide-strip__toolbar{grid-column:2;display:flex;align-items:center;flex-shrink:0;padding-left:.45rem;border-left:1px solid var(--stroke)}.slide-strip--canvas .slide-strip__add--icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:8px;font-size:1.1rem;font-weight:600;line-height:1}.slide-strip--canvas .slide-strip__item{flex:0 0 auto;display:block;min-width:0;width:auto;padding-right:0;border-right:none}.slide-strip--canvas .slide-strip__item:not(:last-child) .slide-strip__select{margin-right:.15rem}.slide-strip--canvas .slide-strip__select{display:block;width:auto;flex:0 0 auto;padding:.15rem;min-height:0;border-radius:8px}.slide-strip--canvas .slide-strip__thumb{position:relative;width:36px;height:36px;flex-shrink:0}.slide-strip--canvas .slide-strip__page{position:absolute;right:.1rem;bottom:.1rem;padding:.05rem .22rem;border-radius:4px;font-size:.58rem;font-weight:700;line-height:1.2;letter-spacing:0;color:#fff8e6fa;background:#0d1018b8;box-shadow:0 0 0 1px #ffffff14}.slide-strip-menu{position:fixed;z-index:80;box-sizing:border-box;min-width:9.5rem;padding:.35rem;border-radius:10px;border:1px solid var(--stroke);background:var(--panel-bg);box-shadow:0 10px 28px #0d101838}.slide-strip-menu__item{display:flex;align-items:center;width:100%;margin:0;border:none;border-radius:8px;padding:.48rem .65rem;text-align:left;font:inherit;font-size:.84rem;font-weight:500;line-height:1.35;cursor:pointer;color:var(--panel-fg);background:transparent}.slide-strip-menu__item:hover:not(:disabled){background:var(--panel-fieldset-bg)}.slide-strip-menu__item:disabled{opacity:.4;cursor:not-allowed}.slide-strip-menu__item--danger:not(:disabled):hover{color:#faa;background:#dc5a5a1f}.slide-strip-menu__hint{margin:.2rem .65rem .15rem;font-size:.72rem;line-height:1.35;color:var(--panel-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-panel__footer--mock-dock{padding-block:.65rem;gap:.45rem}.side-panel__footer--mock-dock .btn-secondary{width:100%;min-width:0}.side-panel__footer--mock-dock .ui-color-scheme{position:relative;width:100%;min-width:0}.side-field-group--mock-size .side-mock-size-panel{display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--panel-field-border);background:var(--panel-fieldset-bg);overflow:hidden}.side-mock-size-panel__presets{padding:.55rem .55rem .5rem}.side-mock-size-panel__presets .side-segment{gap:.3rem}.side-mock-size-panel__fine{display:flex;flex-direction:column;gap:.35rem;padding:.5rem .55rem .55rem;border-top:1px solid var(--stroke);background:color-mix(in srgb,var(--panel-bg) 42%,transparent)}.side-mock-size-panel__sublabel{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--panel-hint)}.side-mock-size-panel__fine .side-font-size-controls{width:100%}.ui-color-scheme{box-sizing:border-box}.ui-color-scheme__trigger{display:flex;align-items:center;gap:.4rem;width:100%;min-height:2.25rem;margin:0;padding:.45rem .65rem;border-radius:10px;border:1px solid var(--stroke);background:var(--panel-bg);box-shadow:0 10px 28px #0d101824;color:var(--panel-fg);font:inherit;font-size:.82rem;line-height:1.25;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.ui-color-scheme__trigger:hover{border-color:var(--btn-hover-border);background:var(--btn-bg);transform:none}.ui-color-scheme__trigger-kicker{flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--panel-label)}.ui-color-scheme__trigger-value{flex:1 1 auto;min-width:0;text-align:left;font-weight:600}.ui-color-scheme__chevron{flex-shrink:0;display:block;color:var(--panel-muted);transition:transform .15s ease}.ui-color-scheme__trigger[aria-expanded=true] .ui-color-scheme__chevron{transform:rotate(180deg)}.ui-color-scheme__menu{position:absolute;left:0;top:auto;bottom:calc(100% + .35rem);z-index:40;width:100%;min-width:12.5rem;padding:.35rem;border-radius:10px;border:1px solid var(--stroke);background:var(--panel-bg);box-shadow:0 10px 28px #0d101838}.ui-color-scheme__menu-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;margin:0;border:none;border-radius:8px;padding:.5rem .65rem;text-align:left;font:inherit;font-size:.84rem;font-weight:500;line-height:1.35;cursor:pointer;background:transparent;color:var(--panel-fg)}.ui-color-scheme__menu-item:hover{background:var(--panel-fieldset-bg);transform:none}.ui-color-scheme__menu-item.is-selected{font-weight:600;background:#d4af371a}.ui-color-scheme__menu-item-label{min-width:0}.ui-color-scheme__check{flex-shrink:0;font-size:.9rem;font-weight:700;color:var(--accent-strong)}.slide-strip__header{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-bottom:.75rem}.slide-strip__title{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--panel-label)}.slide-strip__add{border:1px solid rgb(212 175 55 / .45);background:#d4af3714;color:var(--panel-fg);border-radius:6px;padding:.35rem .55rem;font-size:.78rem;font-weight:600;cursor:pointer}.slide-strip__add:hover{border-color:#ffe69da6;background:#d4af3724}.slide-strip__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.slide-strip__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:stretch}.slide-strip__select{display:grid;grid-template-columns:44px minmax(0,1fr);gap:.55rem;align-items:center;width:100%;min-width:0;padding:.4rem .45rem;border:1px solid var(--stroke);border-radius:8px;background:#ffffff08;color:var(--panel-fg);text-align:left;cursor:pointer}.slide-strip__select.is-active{border-color:#d4af37a6;background:#d4af371a;box-shadow:0 0 0 1px #d4af3733}.slide-strip__thumb{width:44px;height:44px;border-radius:6px;overflow:hidden;background:#00000059;border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center}.slide-strip__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.slide-strip__thumb-empty{width:18px;height:18px;border-radius:3px;border:1px dashed rgb(255 255 255 / .25)}.slide-strip__meta{min-width:0;display:flex;flex-direction:column;gap:.15rem}.slide-strip__page{font-size:.72rem;font-weight:700;color:#d4af37f2;letter-spacing:.04em}.slide-strip__label{font-size:.82rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-strip__actions{display:flex;flex-direction:column;gap:.2rem}.slide-strip__icon-btn{border:1px solid var(--stroke);background:#ffffff0a;color:var(--panel-fg);border-radius:5px;padding:.15rem .35rem;font-size:.68rem;line-height:1.2;cursor:pointer;min-width:2.4rem}.slide-strip__icon-btn:disabled{opacity:.35;cursor:not-allowed}.slide-strip__icon-btn--danger:not(:disabled):hover{border-color:#dc5a5a8c;color:#faa}.side-panel{position:relative;z-index:1;padding:0;background:var(--panel-bg);color:var(--panel-fg);display:flex;flex-direction:column;min-height:0;height:100%;overflow:clip;--side-field-stack-gap: 1.1rem;--side-field-inner-gap: .5rem}.side-panel--mock{border-right:1px solid var(--stroke)}.side-panel--design{border-left:1px solid var(--stroke)}.side-panel__export-preset{display:flex;flex-direction:column;gap:.45rem}.side-panel__export-preset-header{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.side-panel__export-preset-hint{font-size:.72rem;white-space:nowrap}.side-preset-cards--compact{gap:.35rem}.side-preset-cards--compact .side-preset-card{padding:.45rem .4rem}.side-preset-cards--compact .side-preset-card__icon{width:1.85rem;height:1.85rem}.side-preset-cards--compact .side-preset-card__icon img{width:1.1rem;height:1.1rem}.side-preset-cards--compact .side-preset-card__title{font-size:.78rem}.side-preset-cards--compact .side-preset-card__size{font-size:.68rem}.side-panel__scroll{flex:1;min-height:0;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;contain:layout paint;padding:clamp(14px,2vw,22px);padding-bottom:.5rem;--side-panel-inline-pad: clamp(14px, 2vw, 22px)}.side-panel__footer{flex-shrink:0;display:flex;flex-direction:column;gap:.55rem;padding:.75rem var(--side-panel-inline-pad, clamp(14px, 2vw, 22px));border-top:1px solid var(--stroke);background:var(--panel-bg);position:relative;z-index:2}.side-panel__footer-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.side-panel__save-status{font-size:.78rem;font-weight:600;color:var(--panel-label)}.side-panel__file-path{margin:0;word-break:break-all;line-height:1.4}.side-panel__footer-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:.45rem}.side-panel__footer-actions .btn-primary,.side-panel__footer-actions .btn-secondary{width:100%;min-width:0}.side-panel__footer-actions .export-split-btn{min-width:0}.side-panel__footer-actions .btn-primary:disabled,.side-panel__footer-actions .btn-secondary:disabled,.side-panel__footer-actions .export-split-btn__solo:disabled,.side-panel__footer-actions .export-split-btn--split:has(:disabled){opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.side-panel__footer-actions .export-split-btn--split:has(:disabled) .export-split-btn__main,.side-panel__footer-actions .export-split-btn--split:has(:disabled) .export-split-btn__toggle{cursor:not-allowed}.export-split-btn{position:relative}.export-split-btn__solo,.export-split-btn--split{width:100%}.export-split-btn__control{display:flex;align-items:stretch;width:100%;min-height:2.35rem;border-radius:999px;overflow:hidden;border:1px solid rgb(212 175 55 / .55);background:linear-gradient(155deg,#dbb248,#b08b34);color:#140f05;box-shadow:0 3px 10px #00000059,0 0 0 1px #ffedad26;transition:border-color .15s ease,box-shadow .15s ease}.export-split-btn--split:hover:not(:has(:disabled)) .export-split-btn__control{border-color:#ffe69dbf}.export-split-btn__main,.export-split-btn__toggle{margin:0;border:none;border-radius:0;box-shadow:none;background:transparent;color:inherit;font-weight:600;font-family:inherit;line-height:1.2;cursor:pointer;transition:background-color .15s ease}.export-split-btn__main:hover:not(:disabled),.export-split-btn__toggle:hover:not(:disabled){transform:none;background:#ffffff1a}.export-split-btn__main{flex:1 1 auto;min-width:0;padding:.5rem .85rem;white-space:nowrap}.export-split-btn__toggle{flex:0 0 2.35rem;width:2.35rem;display:flex;align-items:center;justify-content:center;padding:0;border-left:1px solid rgb(140 108 32 / .45)}.export-split-btn__toggle:hover:not(:disabled){border-left-color:#ffe69d8c}.export-split-btn__chevron{display:block;transition:transform .15s ease}.export-split-btn__toggle[aria-expanded=true] .export-split-btn__chevron{transform:rotate(180deg)}.export-split-btn__menu{position:absolute;right:0;bottom:calc(100% + .4rem);z-index:30;min-width:max(100%,12.5rem);padding:.35rem;border-radius:12px;border:1px solid var(--stroke);background:var(--panel-bg);box-shadow:0 10px 28px #00000047}.export-split-btn__menu-item{display:block;width:100%;border-radius:8px;border:none;padding:.55rem .75rem;text-align:left;font-weight:600;font-family:inherit;font-size:.88rem;cursor:pointer;background:transparent;color:var(--panel-fg)}.export-split-btn__menu-item:hover:not(:disabled){background:var(--btn-bg);transform:none}.export-split-btn__menu-item:disabled{opacity:.45;cursor:not-allowed}.layout-preset-gallery{display:grid;gap:.65rem;overflow-anchor:none}.layout-preset-gallery__row{display:flex;gap:.45rem;overflow-x:auto;margin:0;padding:0 0 .15rem;list-style:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.layout-preset-gallery__item{display:contents}.layout-preset-card{flex:0 0 auto;display:block;width:4.6rem;padding:0;border:none;background:transparent;cursor:pointer;text-align:center;scroll-snap-align:start}.layout-preset-card__preview{display:block;width:100%;aspect-ratio:1290 / 2796;border-radius:8px;border:1px solid var(--panel-field-border);overflow:clip;position:relative;isolation:isolate;contain:layout paint;background:#0b0e15;box-shadow:inset 0 0 0 1px #ffffff0a;transition:transform .15s ease,box-shadow .15s ease}.layout-preset-card__preview-scaler{position:absolute;top:0;left:0;transform-origin:top left;pointer-events:none;will-change:transform}.layout-preset-card__preview .layout-preset-board-preview{box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;flex:none;aspect-ratio:auto;container-type:size;border-radius:0;overflow:clip;--canvas-board-padding: clamp(12px, 2.2cqw, 24px)}.layout-preset-card__preview .layout-preset-board-preview .canvas-board-visual,.layout-preset-card__preview .layout-preset-board-preview .canvas-content-layers{overflow:clip}.layout-preset-card__preview .layout-preset-board-preview .canvas-presence__frame{filter:none}.layout-preset-card__preview .layout-preset-board-preview .screen-ph-import--preview{min-height:0}.layout-preset-card__preview .layout-preset-board-preview .screen-ph-import--preview .screen-ph-inner__glyph,.layout-preset-card__preview .layout-preset-board-preview .screen-ph-import--preview .dnd-hint-zone,.layout-preset-card__preview .layout-preset-board-preview .screen-ph-import--preview .screen-ph-import__formats{display:none}.layout-preset-card:hover .layout-preset-card__preview,.layout-preset-card:focus-visible .layout-preset-card__preview{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff0f,0 4px 12px #0000002e}.layout-preset-card:focus-visible{outline:none}.layout-preset-card:focus-visible .layout-preset-card__preview{outline:2px solid var(--focus-ring, rgb(96 165 250));outline-offset:2px}.side-preset-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}.side-preset-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:center;padding:.55rem .5rem;border-radius:10px;border:1px solid var(--panel-field-border);background:var(--panel-fieldset-bg);cursor:pointer;transition:border-color .15s ease,background .15s ease}.side-preset-card input{position:absolute;opacity:0;pointer-events:none}.side-preset-card.is-selected{border-color:#d4af37bf;background:#d4af3714}.side-preset-card__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:8px;flex-shrink:0}.side-preset-card__icon--apple{background:#0d10180f}.side-preset-card__icon--android{background:#0d1018d1}.side-preset-card__icon img{width:1.35rem;height:1.35rem;display:block}:root[data-color-scheme=dark] .side-preset-card__icon--apple img{filter:brightness(0) invert(1)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]) .side-preset-card__icon--apple img{filter:brightness(0) invert(1)}}.side-preset-card__body{display:grid;gap:.15rem;min-width:0}.side-preset-card__title{font-size:.8rem;font-weight:600;line-height:1.25}.side-preset-card__size{font-size:.72rem;color:var(--panel-muted-fg);line-height:1.25}.side-segment{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}.side-segment__option{position:relative;display:inline-flex;align-items:center;gap:.42rem;padding:.4rem .68rem;border-radius:999px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);font-size:.8rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}button.side-segment__option{appearance:none;font-family:inherit;color:inherit}.side-segment__icon{display:inline-flex;align-items:center;justify-content:center;width:1.45rem;height:1.45rem;border-radius:5px;flex-shrink:0}.side-segment__icon--apple{background:#0d10180f}.side-segment__icon--android{background:#0d1018d1}.side-segment__icon--glyph{width:1rem;height:1rem}.side-segment__icon img,.side-segment__icon--glyph svg{width:1rem;height:1rem;display:block}:root[data-color-scheme=dark] .side-segment__icon--apple img{filter:brightness(0) invert(1)}@media(prefers-color-scheme:dark){:root:not([data-color-scheme=light]) .side-segment__icon--apple img{filter:brightness(0) invert(1)}}.side-segment__label{line-height:1.2}.side-segment__option input{position:absolute;opacity:0;pointer-events:none}.side-segment__option.is-selected{border-color:#d4af37bf;background:#d4af371f;color:var(--panel-summary-fg);font-weight:600}.side-markdown-hint{margin:0}.side-markdown-hint code{font-size:.78rem}.side-markdown-colors__row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.side-markdown-colors__row--3{grid-template-columns:repeat(3,1fr)}.side-export-bg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}fieldset.side-export-bg-grid{margin:0;padding:0;border:0;min-inline-size:0}.side-export-bg-pager .side-export-bg-grid{min-height:14.4rem;align-content:start;grid-template-rows:repeat(3,auto)}.side-export-bg-grid__note{grid-column:1 / -1;grid-row:3;align-self:end;margin:0}.side-export-bg-grid--solids{grid-template-columns:1fr 1fr}.side-export-bg-pager{display:flex;flex-direction:column;gap:.65rem}.side-export-bg-pager__viewport{overflow:hidden;touch-action:pan-y;cursor:grab}.side-export-bg-pager__viewport.is-dragging{cursor:grabbing}.side-export-bg-pager__track{display:flex;width:100%;transition:transform .34s cubic-bezier(.32,.72,0,1);will-change:transform}.side-export-bg-pager__slide{flex:0 0 100%;min-width:0}.side-export-bg-pager__controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem}.side-export-bg-pager__arrow{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:999px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);color:var(--panel-fg);cursor:pointer;transition:border-color .14s ease,background .14s ease,opacity .14s ease,transform .14s ease}.side-export-bg-pager__arrow:hover:not(:disabled){border-color:#d4af378c;background:#d4af3714}.side-export-bg-pager__arrow:active:not(:disabled){transform:scale(.94)}.side-export-bg-pager__arrow:disabled{opacity:.35;cursor:not-allowed}.side-export-bg-pager__dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;min-width:0}.side-export-bg-pager__dot{width:7px;height:7px;padding:0;border:none;border-radius:999px;background:#d4af3747;cursor:pointer;transition:transform .2s cubic-bezier(.32,.72,0,1),background .2s ease,opacity .2s ease}.side-export-bg-pager__dot:hover{background:#d4af3780}.side-export-bg-pager__dot.is-active{background:#d4af37f2;transform:scale(1.35)}@media(prefers-reduced-motion:reduce){.side-export-bg-pager__track,.side-export-bg-pager__dot,.side-export-bg-pager__arrow{transition:none}}.side-export-bg-group__label{margin:0 0 .4rem;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--panel-hint)}.side-export-bg-card{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:.55rem .6rem;border-radius:12px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease}.side-export-bg-card input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;opacity:0;pointer-events:none}.side-export-bg-card.is-selected{border-color:#d4af37a6;box-shadow:0 0 0 1px #d4af3740}.side-export-bg-card__swatch{width:100%;height:2rem;border-radius:8px;border:none;box-shadow:inset 0 0 0 1px #0d101814;background-origin:border-box;background-clip:border-box}.side-export-bg-card__label{font-size:.78rem;font-weight:500;color:var(--panel-fg);line-height:1.25}.side-export-bg-card input[type=color].side-export-bg-card__color-input{position:absolute;top:.55rem;left:.6rem;width:calc(100% - 1.2rem);height:2rem;margin:0;padding:0;border:none;opacity:0;clip:auto;cursor:pointer;pointer-events:auto}.side-export-bg-card__swatch--image{position:relative;display:block;overflow:hidden;cursor:pointer;background-color:#0d10180a}.side-export-bg-card input[type=file].side-export-bg-card__file-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0;clip:auto;cursor:pointer;pointer-events:auto}.side-export-bg-card__upload-hint{position:absolute;inset:0;display:grid;place-items:center;font-size:1.15rem;font-weight:600;color:var(--panel-hint);pointer-events:none}.side-export-bg-card--custom-image:focus-visible{outline:2px solid rgb(212 175 55 / .75);outline-offset:2px}.side-color-input--compact{width:3.25rem;height:2rem;flex:none}.side-color-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.side-color-field__label{font-size:.78rem;font-weight:500;color:var(--panel-label)}.side-color-input{width:100%;height:2.25rem;padding:.15rem;border-radius:10px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);cursor:pointer}.side-color-input::-webkit-color-swatch-wrapper{padding:2px}.side-color-input::-webkit-color-swatch{border:none;border-radius:7px}.side-color-input::-moz-color-swatch{border:none;border-radius:7px}.side-color-picker{position:relative;min-width:0}.side-color-picker--compact{width:100%}.side-color-picker--compact .side-color-picker__trigger{width:100%;height:2.25rem;padding:.15rem;border-radius:10px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg)}.side-color-picker--compact .side-color-picker__trigger-hex{display:none}.side-color-picker--compact .side-color-picker__swatch{width:100%;height:100%;border-radius:7px}.side-color-picker--export-card{width:100%}.side-color-picker--export-card .side-color-picker__trigger{width:100%;min-height:2rem;padding:0;border:none;background:transparent;box-shadow:none}.side-color-picker--export-card .side-color-picker__trigger-hex{display:none}.side-color-picker--export-card .side-color-picker__swatch{width:100%;height:2rem;border-radius:8px;box-shadow:inset 0 0 0 1px #0d101814}.side-export-bg-card__custom-picker{width:100%}.side-color-picker__e2e-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}.side-color-picker__trigger{display:flex;align-items:center;gap:.45rem;width:100%;min-height:2.25rem;padding:.2rem .45rem;border-radius:10px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);cursor:pointer;text-align:left}.side-color-picker__trigger:hover{border-color:#d4af3773}.side-color-picker__trigger:focus-visible{outline:2px solid rgb(212 175 55 / .75);outline-offset:2px}.side-color-picker__swatch{flex:none;width:1.65rem;height:1.65rem;border-radius:7px;box-shadow:inset 0 0 0 1px #0d10181a}.side-color-picker__trigger-hex{font-family:monospace;font-size:.72rem;color:var(--panel-hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-color-picker__popover{position:fixed;z-index:50;min-width:21rem;padding:.55rem;border-radius:12px;border:1px solid var(--panel-field-border);background:var(--panel-bg);box-shadow:0 10px 28px #0d10182e}.side-color-picker__popover--compact{width:min(21rem,92vw)}.side-color-picker__panel{display:flex;flex-direction:column;gap:.45rem}.side-color-picker__body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:stretch}.side-color-picker__visual{display:flex;gap:.35rem;align-self:stretch}.side-color-picker__visual-track{position:relative;width:1.35rem;min-height:11.5rem;height:100%;border:1px solid var(--panel-field-border);border-radius:999px;overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.side-color-picker__visual-track:focus-visible{outline:2px solid rgb(212 175 55 / .75);outline-offset:2px}.side-color-picker__visual-thumb{position:absolute;left:50%;top:0;width:calc(100% + 6px);height:.42rem;border:2px solid rgb(255 255 255);border-radius:999px;box-shadow:0 0 0 1px #0d101859;transform:translate(-50%,-50%);pointer-events:none}.side-color-picker__fields{display:flex;flex-direction:column;gap:.45rem;min-width:0}.side-color-picker__row{display:grid;grid-template-columns:minmax(0,1fr) 2rem;gap:.35rem;align-items:stretch}.side-color-picker__segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--panel-field-border);border-radius:10px;overflow:hidden;background:var(--panel-field-bg)}.side-color-picker__cell{display:flex;flex-direction:column;align-items:stretch;min-width:0}.side-color-picker__cell+.side-color-picker__cell{border-left:1px solid var(--panel-field-border)}.side-color-picker__cell-input{width:100%;min-width:0;height:1.85rem;padding:.2rem .35rem .1rem;border:none;background:transparent;font-family:monospace;font-size:.74rem;line-height:1.2;color:var(--panel-fg);text-align:center}.side-color-picker__cell-input:focus{outline:none;background:#d4af3714}.side-color-picker__cell-label{padding:.12rem 0 .28rem;font-size:.62rem;font-weight:600;letter-spacing:.06em;color:var(--panel-hint);text-align:center}.side-color-picker__hex-segment{display:flex;align-items:center;min-width:0;min-height:2.55rem;padding:0 .55rem;border:1px solid var(--panel-field-border);border-radius:10px;background:var(--panel-field-bg)}.side-color-picker__hex-input{flex:1;min-width:0;border:none;background:transparent;font-family:monospace;font-size:.78rem;color:var(--panel-fg)}.side-color-picker__hex-input:focus{outline:none}.side-color-picker__hex-suffix{flex:none;font-family:monospace;font-size:.74rem;color:var(--panel-hint);white-space:nowrap}.side-color-picker__action{display:grid;place-items:center;width:2rem;min-height:2.55rem;height:auto;align-self:stretch;padding:0;border:1px solid var(--panel-field-border);border-radius:10px;background:var(--panel-field-bg);color:var(--panel-hint);cursor:pointer}.side-color-picker__action:hover{border-color:#d4af3773;color:var(--panel-fg)}.side-color-picker__action:focus-visible{outline:2px solid rgb(212 175 55 / .75);outline-offset:2px}.side-color-picker__action--picker{position:relative;overflow:hidden}.side-color-picker__action-icon{width:.95rem;height:.95rem}.side-color-picker__native-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:none;opacity:0;cursor:pointer}.side-color-picker__gamut-hint{margin:0}.side-color-picker--inline{display:flex;flex-direction:column;gap:.55rem;flex:1;min-width:0}.side-color-picker--zoom-fill{flex:1;min-width:0}.side-color-picker__inline-head{display:flex;align-items:center;gap:.45rem}.side-color-picker__inline-label{font-size:.78rem;font-weight:500;color:var(--panel-label)}.side-field-group{display:flex;flex-direction:column;gap:var(--side-field-inner-gap);margin:0}.side-toggle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer}.side-toggle__label{font-size:.88rem;font-weight:500}.side-toggle__label--with-icon{display:inline-flex;align-items:center;gap:.42rem}.side-toggle__label-icon{width:1rem;height:1rem;flex-shrink:0;display:block}.side-toggle input{position:absolute;opacity:0;width:0;height:0}.side-toggle__track{position:relative;flex-shrink:0;width:2.5rem;height:1.45rem;border-radius:999px;background:var(--panel-field-border);transition:background .18s ease}.side-toggle__track:after{content:"";position:absolute;top:.16rem;left:.16rem;width:1.12rem;height:1.12rem;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .18s ease}.side-toggle input:checked+.side-toggle__track{background:#d4af37d9}.side-toggle input:checked+.side-toggle__track:after{transform:translate(1.05rem)}.side-toggle input:focus-visible+.side-toggle__track{outline:2px solid rgb(212 175 55 / .45);outline-offset:2px}.side-callout{margin:0;padding:.55rem .65rem;border-radius:8px;border:1px dashed var(--panel-field-border);background:var(--panel-fieldset-bg)}.side-zoom-controls{display:flex;flex-direction:column;gap:.65rem;margin:0;padding:0;border:none}.side-zoom-fill-color__row{display:flex;align-items:flex-end;gap:.5rem}.side-zoom-fill-color__color{flex:0 0 auto;width:3.25rem;min-width:3.25rem}.side-zoom-fill-color__input{width:100%;height:2.25rem;flex:none}.side-zoom-fill-color__eyedropper{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin:0;padding:0;border-radius:8px;border:1px solid var(--stroke);background:var(--panel-fieldset-bg);color:var(--fg);cursor:pointer}.side-zoom-fill-color__eyedropper-icon-wrap{display:flex;align-items:center;justify-content:center;line-height:0}.side-zoom-fill-color__eyedropper-icon-wrap .side-zoom-fill-color__eyedropper-icon,.side-zoom-fill-color__eyedropper-icon{display:block;width:1.2rem;height:1.2rem}.side-zoom-fill-color__eyedropper:hover:not(:disabled){border-color:var(--btn-hover-border)}.side-zoom-fill-color__eyedropper:disabled{opacity:.55;cursor:wait}.side-zoom-fill-color__eyedropper.is-active{border-color:#d4af37d9;background:#d4af371f}body.is-zoom-fill-picking,body.is-zoom-fill-picking .canvas-board,body.is-zoom-fill-picking .canvas-board *{cursor:crosshair}.side-zoom-fill-color__ui-label{margin:.35rem 0 .4rem}.side-zoom-fill-color__swatches{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.side-zoom-fill-color__swatch-item{display:contents}.side-zoom-fill-color__swatch{width:26px;height:26px;margin:0;padding:0;border-radius:6px;border:1px solid rgb(13 16 24 / .18);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff1f}.side-zoom-fill-color__swatch.is-selected{outline:2px solid rgb(212 175 55 / .85);outline-offset:2px}.side-zoom-fill-color__swatch:focus-visible{outline:2px solid rgb(212 175 55 / .85);outline-offset:2px}.side-zoom-remove{margin:0;font:inherit;font-size:.8125rem;padding:.38rem .72rem;border-radius:8px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);color:inherit;cursor:pointer}.side-zoom-remove:hover{border-color:var(--accent)}.side-choice-fieldset{margin:0 0 .95rem;padding:.55rem .65rem .72rem;border-radius:10px;border:1px solid var(--panel-field-border);background:var(--panel-fieldset-bg)}.side-choice-rows{display:grid;gap:.38rem;margin-top:.4rem}.side-choice-row{display:flex;gap:.45rem;align-items:flex-start;font-size:.82rem;color:var(--panel-fg);cursor:pointer}.side-choice-row input{margin-top:.2rem;accent-color:rgb(212 175 55 / .85)}.side-scale-policy-note{margin:.25rem 0 .75rem;font-size:.78rem}.side-scale-policy-note code{font-size:.76rem}.side-textarea{width:100%;min-height:6.5rem;resize:vertical;margin:0;padding:.55rem .65rem;border-radius:8px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);color:var(--panel-fg);font-family:inherit;font-size:.88rem;line-height:1.45;-webkit-user-select:text;user-select:text}.side-textarea:focus-visible{outline:none;border-color:#d4af376b}@keyframes side-panel-focus-flash{0%{background-color:#d4af371a;box-shadow:inset 0 0 0 1px #d4af3747}to{background-color:transparent;box-shadow:inset 0 0 0 1px transparent}}.side-details.side-panel-focus-flash,.side-field-group.side-panel-focus-flash{animation:side-panel-focus-flash .82s ease-out forwards}.side-field-group.side-panel-focus-flash{border-radius:8px}@media(prefers-reduced-motion:reduce){.side-details.side-panel-focus-flash,.side-field-group.side-panel-focus-flash{animation:none;background-color:#d4af3714;box-shadow:inset 0 0 0 1px #d4af3738}}.side-font-size-row{margin:0}.side-font-size-row .side-font-size-controls{margin-top:0}.side-font-size-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.35rem}.side-font-size-controls input[type=range]{flex:1;min-width:120px;accent-color:rgb(212 175 55 / .85);height:.875rem;background:transparent;-webkit-appearance:none;appearance:none}.side-font-size-controls input[type=range]::-webkit-slider-runnable-track{height:.28rem;border-radius:999px;background:linear-gradient(to right,rgb(212 175 55 / .85) 0%,rgb(212 175 55 / .85) var(--range-fill, 0%),var(--panel-range-track) var(--range-fill, 0%),var(--panel-range-track) 100%)}.side-font-size-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.875rem;height:.875rem;margin-top:-.2975rem;border:none;border-radius:50%;background:#d4af37d9;box-shadow:none}.side-font-size-controls input[type=range]::-moz-range-track{height:.28rem;border-radius:999px;background:var(--panel-range-track)}.side-font-size-controls input[type=range]::-moz-range-progress{height:.28rem;border-radius:999px;background:#d4af37d9}.side-font-size-controls input[type=range]::-moz-range-thumb{width:.875rem;height:.875rem;border:none;border-radius:50%;background:#d4af37d9;box-shadow:none}.side-number-input{width:4.2rem;padding:.3rem .4rem;border-radius:8px;border:1px solid var(--panel-field-border);background:var(--panel-field-bg);color:inherit;font-size:.85rem}@media(max-width:960px){.side-panel{border-left:none;border-top:1px solid var(--stroke);height:auto;max-height:min(42vh,400px)}.side-panel__scroll{max-height:min(42vh,400px)}}.side-details{margin:0;padding:0;border-bottom:1px solid var(--panel-details-border)}.side-details:last-of-type{border-bottom:none}.side-details__summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px 8px;padding:.75rem .15rem;font-weight:600;font-size:.9rem;color:var(--panel-summary-fg)}.side-details__title-row{display:flex;align-items:center;gap:.35rem;min-width:0}.side-details__title-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1rem;height:1rem;color:var(--panel-hint)}.side-details__title-icon svg{display:block;width:100%;height:100%}.side-details__summary:hover .side-details__title-icon{color:var(--accent)}.side-details__title{min-width:0}.side-details__chevron{display:flex;align-items:center;justify-content:center;flex-shrink:0;grid-column:-1;color:var(--panel-hint);transition:transform .18s ease,color .15s ease}.side-details[open] .side-details__chevron{transform:rotate(180deg)}.side-details__summary:hover .side-details__chevron{color:var(--accent)}.side-details__summary::-webkit-details-marker{display:none}.side-details__summary:hover{color:var(--accent)}.side-details__summary:focus-visible{outline:none;color:var(--accent)}.side-details__hint{display:inline-flex;align-items:center;gap:.35rem;grid-column:-2;font-size:.74rem;font-weight:500;color:var(--panel-hint)}.side-details__hint-label{line-height:1}.side-details__hint-action-icon{display:block;width:1rem;height:1rem}.side-details__hint .side-tip--action{display:inline-flex}.side-details__body{display:flex;flex-direction:column;gap:var(--side-field-stack-gap);padding:0 0 1.15rem;overflow:visible}.side-details__body>*{margin-top:0;margin-bottom:0}.side-note{margin:0;font-size:.82rem;color:var(--panel-note)}.side-field-label{margin:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--panel-label)}.side-field-label-row{display:flex;align-items:center;gap:.35rem;position:relative;z-index:1;flex-wrap:wrap}.side-field-label-row--with-actions{flex-wrap:nowrap}.side-field-label-row--with-actions .side-field-label{flex:0 1 auto;min-width:0}.side-field-label-row__actions{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;flex-shrink:0}.side-field-group:has(.side-info-tip:hover),.side-field-group:has(.side-info-tip:focus-within),.side-field-group:has(.side-tip:hover),.side-field-group:has(.side-tip:focus-within){position:relative;z-index:40}.side-field-label-row:has(.side-info-tip:hover) .side-info-tip__popup,.side-field-label-row:has(.side-info-tip:focus-within) .side-info-tip__popup{opacity:1;transform:translateY(0)}.side-info-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;padding:0;border:1px solid var(--panel-field-border);border-radius:999px;background:#ffffff0a;color:var(--panel-muted-fg);cursor:help;flex-shrink:0}.side-info-tip:is(:hover,:focus-visible){z-index:2}.side-info-tip__glyph{font-size:.62rem;font-weight:800;font-style:italic;line-height:1;font-family:MockShot Display,sans-serif}.side-info-tip__popup{position:absolute;left:0;right:0;top:calc(100% + .35rem);z-index:3;width:max-content;max-width:100%;padding:.45rem .55rem;border-radius:8px;border:1px solid var(--stroke);background:var(--panel-bg);color:var(--panel-fg);font-size:.76rem;font-weight:500;line-height:1.45;letter-spacing:normal;text-transform:none;box-shadow:0 8px 22px #0d101829;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.side-info-tip:focus-visible{outline:2px solid rgb(212 175 55 / .65);outline-offset:2px}.side-tip{position:relative;display:inline-flex;align-items:center;vertical-align:middle}.side-tip:hover,.side-tip:focus-within{z-index:50}.side-tip__btn{display:inline-flex;align-items:center;justify-content:center;width:1.05rem;height:1.05rem;padding:0;border:1px solid var(--panel-field-border);border-radius:999px;background:#ffffff0a;color:var(--panel-muted-fg);cursor:help;flex-shrink:0}.side-tip__btn:focus-visible{outline:2px solid rgb(212 175 55 / .65);outline-offset:2px}.side-tip__glyph{font-size:.62rem;font-weight:800;font-style:italic;line-height:1;font-family:MockShot Display,sans-serif}.side-tip__pop{position:absolute;left:0;top:calc(100% + .35rem);z-index:60;width:max-content;max-width:15rem;padding:.5rem .6rem;border-radius:8px;border:1px solid var(--stroke);background:var(--panel-bg);color:var(--panel-fg);font-size:.76rem;font-weight:500;line-height:1.55;letter-spacing:normal;text-transform:none;text-align:left;box-shadow:0 8px 22px #0d101829;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease}.side-tip__pop code{font-size:.92em;padding:.05em .3em;border-radius:4px;background:#7f7f7f29}.side-tip:hover .side-tip__pop,.side-tip:focus-within .side-tip__pop{opacity:1;pointer-events:auto;transform:translateY(0)}.side-tip--end .side-tip__pop{left:auto;right:0}.side-tip--action .side-tip__action-btn{display:inline-flex;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;padding:0;border:1px solid var(--panel-field-border);border-radius:8px;background:var(--panel-fieldset-bg);color:var(--panel-muted-fg);cursor:pointer;flex-shrink:0}.side-tip--action .side-tip__action-btn:focus-visible{outline:2px solid rgb(212 175 55 / .65);outline-offset:2px}.side-tip--action .side-tip__action-btn:not(:disabled):hover{border-color:var(--btn-hover-border);background:var(--btn-bg);color:var(--panel-fg)}.side-tip--action .side-tip__action-btn:disabled{opacity:.38;cursor:not-allowed}.side-tip--action .side-tip__action-btn .btn-leading-icon{width:.95rem;height:.95rem;display:block}.side-toggle-row{display:flex;align-items:center;gap:.5rem}.side-toggle-row .side-toggle{flex:1 1 auto;min-width:0}.textarea-like{margin:0 0 .85rem;padding:.65rem .72rem;border-radius:10px;border:1px solid var(--panel-textarea-border);background:var(--panel-textarea-bg);font-size:.92rem;line-height:1.54}.muted.small,.small.muted{font-size:.82rem;line-height:1.5}.small{font-size:.84rem}.doc-summary{margin:0;display:grid;gap:1.35rem}.doc-summary>div{display:grid;gap:.22rem;padding-bottom:.62rem;border-bottom:1px solid var(--panel-details-border)}.doc-summary>div:last-child{border-bottom:none;padding-bottom:0}.doc-summary--compact dt{font-size:.68rem}.doc-summary--compact dd code{font-size:.78rem}.doc-summary dt{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--panel-label)}.doc-summary dd{margin:0}.doc-summary__path{font-size:.78rem;word-break:break-all;color:var(--panel-fg)}.side-doc-actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.side-doc-actions button{font-size:.8125rem;padding:.38rem .72rem}.side-doc-actions .btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.doc-summary code{padding:.1rem .38rem;border-radius:6px;background:var(--panel-code-bg);border:1px solid var(--panel-code-border)}.muted{color:var(--panel-muted-fg)}.app-actions{display:flex;flex-wrap:wrap;gap:10px}.side-dev-actions{margin-bottom:.75rem}.side-panel .app-actions button{background:var(--panel-dev-btn-bg)}.status{margin-top:.35rem;color:var(--panel-status)}@font-face{font-family:MockShot Display;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/CormorantGaramond-Medium-BlCyJZoz.ttf) format("truetype")}@font-face{font-family:MockShot Sans JP;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/NotoSansJP-Regular-BPcEjQkM.ttf) format("truetype")}@font-face{font-family:MockShot Sans JP;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/NotoSansJP-SemiBold-Da6b87ia.ttf) format("truetype")}@font-face{font-family:MockShot Sans JP;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/NotoSansJP-Bold-utV2OrD5.ttf) format("truetype")}