.pm-app main{max-width:none;padding:0}.pm-topbar{z-index:20;min-height:64px;padding:.5rem var(--page-x);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:.8rem;display:flex;position:sticky;top:0}.pm-topbar-left{align-items:center;gap:.7rem;min-width:0;display:flex}.pm-topbar h1{letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:clamp(1rem,1.25vw,1.12rem);font-weight:600;line-height:1.3}.pm-topbar-right{align-items:center;gap:.7rem;margin-left:auto;display:flex}.pm-context{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:.82rem;overflow:hidden}.pm-context:empty{display:none}.pm-app .back-link.pm-back{color:var(--muted);border:1px solid #0000;border-radius:8px;flex:none;align-items:center;gap:.4rem;margin:0;padding:7px 10px;font-size:.84rem;font-weight:500;text-decoration:none;display:inline-flex}.pm-app .back-link.pm-back:hover{background:var(--surface-2);color:var(--text);border-color:var(--border)}.pm-app .back-link.pm-back:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:1080px){.pm-back-text{display:none}}.pm-side .kit-bar{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;gap:.4rem;margin:0 0 .2rem;padding:.6rem .7rem;font-size:.82rem}.pm-side .kit-bar-note{font-size:.76rem}.pm-app :is(.pm-mode-pick,.pm-size-pick,.pm-bar-control) select{appearance:none;border:1px solid var(--control-border);background-color:var(--surface);min-height:38px;font:inherit;color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f20' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:16px;border-radius:8px;max-width:100%;padding:8px 32px 8px 11px;font-size:.87rem;font-weight:500}.pm-app :is(.pm-mode-pick,.pm-size-pick,.pm-bar-control) select:hover{border-color:var(--text)}.pm-app :is(.pm-mode-pick,.pm-size-pick,.pm-bar-control) select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-mode-pick,.pm-size-pick,.pm-tool-pick{min-width:0;display:inline-flex}.pm-tool-pick select{appearance:none;max-width:100%;min-height:38px;font:inherit;letter-spacing:-.01em;color:var(--text);cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23231f20' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;background-size:16px;border:1px solid #0000;border-radius:8px;margin-left:-9px;padding:4px 30px 4px 9px;font-size:clamp(1rem,1.25vw,1.12rem);font-weight:600}.pm-tool-pick select:hover{background-color:var(--surface-2);border-color:var(--border)}.pm-tool-pick select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-mode-pick[hidden],.pm-size-pick[hidden]{display:none}.pm-export{position:relative}.pm-export-btn{white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;display:inline-flex}.pm-export-menu{z-index:30;background:var(--surface);border:1px solid var(--border);border-radius:10px;min-width:15rem;max-width:min(30rem,92vw);padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #0000002e}.pm-export-menu[hidden]{display:none}.pm-export-menu button{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:10px 12px;font-size:.92rem;display:block}.pm-export-menu button:hover,.pm-export-menu button:focus-visible{background:var(--surface-2);color:var(--ash-red)}.pm-export-note{margin:.5rem .75rem .35rem}.pm-export-panel{box-shadow:none;background:0 0;border:0;margin:0;padding:.5rem .75rem .75rem}.pm-export-panel .export-title{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:.3rem 0 .5rem;font-size:.74rem;font-weight:700}.pm-export-panel .export-list{gap:.9rem}.pm-export-panel .export-list li{gap:.3rem;font-size:.86rem;line-height:1.5;display:grid}.pm-export-panel .btn{justify-self:start}.pm-work{--pm-bar-h:64px;--pm-left:280px;--pm-right:0px;grid-template-columns:var(--pm-left) minmax(0, 1fr) var(--pm-right);display:grid}.pm-work.has-rail{--pm-right:var(--pm-right-w,188px)}.pm-work.editor-closed{--pm-left:0px}.pm-scrim{z-index:110;background:#00000059;position:fixed;inset:0}.pm-scrim[hidden]{display:none}.pm-side{background:var(--surface);border-right:1px solid var(--border);top:var(--pm-bar-h);max-height:calc(100vh - var(--pm-bar-h));overscroll-behavior:contain;flex-direction:column;grid-column:1;gap:.9rem;padding:.9rem 1rem 1.4rem;display:flex;position:sticky;overflow-y:auto}.pm-side[hidden]{display:none}.pm-side-top{align-items:center;gap:.5rem;display:flex}.pm-side-top .pm-tabs{flex:1;min-width:0}.pm-side-title{flex:1;min-width:0;font-size:.9rem;font-weight:600}.pm-panel-hide{border:1px solid var(--control-border);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:grid}.pm-panel-hide:hover{color:var(--ash-red);border-color:var(--ash-red)}.pm-panel-hide:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-app :is(.tabs,.segmented){background:var(--surface-2);border:1px solid var(--border);border-radius:9px;flex-wrap:nowrap;gap:3px;margin:0;padding:3px;display:flex}.pm-app :is(.tab,.segmented label){min-height:32px;box-shadow:none;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:6px 11px;font-size:.85rem;font-weight:500}.pm-app .pm-tabs .tab{flex:auto;min-width:0;padding:6px 8px;font-size:.83rem}.pm-app :is(.tab:hover,.segmented label:hover){color:var(--text);background:color-mix(in srgb, var(--ash-black) 6%, transparent)}.pm-app :is(.tab[aria-selected=true],.tab.active,.segmented label:has(input:checked)){background:var(--ash-black);border-color:var(--ash-black);color:#fff;box-shadow:none;font-weight:600}.pm-app :is(.tab:focus-visible,.segmented label:has(input:focus-visible)){outline:2px solid var(--focus);outline-offset:2px}.pm-panels{padding-top:.2rem}.pm-panel{flex-direction:column;gap:.9rem;display:flex}.pm-panel[hidden]{display:none}.pm-panel:focus{outline:none}.pm-fields{gap:.9rem;display:grid}.pm-fields>.field{margin:0}.pm-shared-note{color:var(--muted);margin:0;font-size:.78rem}.pm-shared-note[hidden]{display:none}.pm-side-foot{border-top:1px solid var(--border);flex-direction:column;gap:.6rem;margin-top:auto;padding-top:.7rem;display:flex}.pm-about>summary{cursor:pointer;color:var(--muted);font-size:.84rem}.pm-about p{margin:.5rem 0 0}.pm-side :is(.pm-more,.pm-custom){border:0;border-radius:0;margin:.15rem 0 0;padding:0}.pm-side :is(.pm-more,.pm-custom)>summary{cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .7rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.pm-side :is(.pm-more,.pm-custom)>summary::-webkit-details-marker{display:none}.pm-side :is(.pm-more,.pm-custom)>summary>span{min-width:0}.pm-side :is(.pm-more,.pm-custom)>summary:after{content:"";width:13px;height:13px;color:var(--muted);background:linear-gradient(currentColor,currentColor) 50%/13px 1.8px no-repeat,linear-gradient(currentColor,currentColor) 50%/1.8px 13px no-repeat;flex:none;margin-left:auto}.pm-side :is(.pm-more,.pm-custom)[open]>summary:after{background:linear-gradient(currentColor,currentColor) 50%/13px 1.8px no-repeat}.pm-side :is(.pm-more,.pm-custom)>summary:hover{border-color:var(--control-border)}.pm-side :is(.pm-more,.pm-custom)>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-side :is(.pm-more,.pm-custom)[open]>summary{border-radius:8px 8px 0 0}.pm-side :is(.pm-more-body,.pm-custom-body){border:1px solid var(--border);background:var(--surface);border-top:0;border-radius:0 0 8px 8px;padding:.9rem .7rem .85rem}.pm-side :is(.pm-more-body,.pm-custom-body)>.hint:first-child{margin-top:0}.pm-stage{min-height:calc(100vh - var(--pm-bar-h) - var(--header-h));background:var(--surface-2);flex-direction:column;grid-column:2;display:flex;position:relative;top:auto}.pm-canvas-area{flex:1;justify-content:center;align-items:center;padding:clamp(1.4rem,3vw,2.4rem);display:flex}.pm-canvas-area canvas{max-width:100%;max-height:var(--pm-fit-h,min(62vh, 760px));width:auto;height:auto;display:block;box-shadow:0 12px 34px #00000024}.pm-frame{flex-direction:column;max-width:100%;display:inline-flex;position:relative}.pm-handles{z-index:3;pointer-events:none;position:absolute}.pm-handle{cursor:move;touch-action:none;pointer-events:auto;font:inherit;color:inherit;background:0 0;border:1.5px dashed #0000;border-radius:3px;margin:0;padding:0;position:absolute}.pm-handle:hover,.pm-handle:focus-visible{border-color:var(--ash-red);background:color-mix(in srgb, var(--ash-red) 7%, transparent);outline:none}.pm-handle:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.pm-handle[data-moved]:after{content:"";background:var(--ash-red);border:2px solid var(--surface);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;right:-5px}.pm-tools{z-index:5;background:var(--surface);border:1px solid var(--control-border);pointer-events:auto;border-radius:8px;gap:2px;padding:3px;display:flex;position:absolute;box-shadow:0 4px 14px #00000024}.pm-tools[hidden]{display:none}.pm-tools button{width:28px;height:26px;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:5px;margin:0;padding:0;font-size:16px;line-height:1}.pm-tools button[hidden]{display:none}.pm-tools button:hover{background:var(--surface-2);color:var(--ash-red)}.pm-tools button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pm-hidden-list{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.pm-reopen{z-index:5;border:1px solid var(--control-border);background:var(--surface);min-height:34px;font:inherit;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:6px 11px;font-size:.8rem;font-weight:500;display:inline-flex;position:absolute;top:12px;box-shadow:0 2px 8px #00000012}.pm-reopen:hover{border-color:var(--ash-red);color:var(--ash-red)}.pm-reopen:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-reopen[hidden]{display:none}.pm-reopen-left{left:12px}.pm-reopen-right{right:12px}.pm-preview-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem .9rem;padding:0 clamp(.9rem,2vw,1.4rem) 1.1rem;display:flex}.pm-bar-control{align-items:center;gap:.45rem;margin:0;display:inline-flex}.pm-bar-control>label,.pm-bar-control .label{color:var(--muted);margin:0;font-size:.82rem;font-weight:500}.pm-bar-control .hint{display:none}.pm-chrome-toggle{cursor:pointer;align-items:center;gap:8px;margin:0;font-size:.83rem;display:inline-flex}.pm-chrome-toggle em{color:var(--muted);font-style:normal}.pm-chrome-toggle[hidden]{display:none}.pm-foot-node{color:var(--muted);margin:0;font-size:.83rem}.pm-foot-node:empty{display:none}.pm-issues{border:1px solid var(--control-border);background:var(--surface);min-height:40px;font:inherit;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.45rem;padding:0 13px;font-size:.88rem;font-weight:600;display:inline-flex}.pm-issues[data-tone=fail]{color:#a4262c;background:#fdf5f5;border-color:#e3b9bb}.pm-issues[data-tone=warn]{color:#8a4b00;background:#fdf9f2;border-color:#e6cfae}.pm-issues[data-tone=pass]{color:var(--muted)}.pm-issues:hover{border-color:var(--ash-red)}.pm-issues:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-pane{z-index:12;background:color-mix(in srgb, var(--ash-black) 22%, transparent);padding:clamp(.6rem,2vw,1.5rem);display:flex;position:absolute;inset:0}.pm-pane[hidden]{display:none}.pm-pane-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:min(44rem,100%);min-height:0;max-height:100%;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 26px 64px #00000038}.pm-pane-close{z-index:2;border:1px solid var(--control-border);background:var(--surface);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid;position:absolute;top:.95rem;right:1rem}.pm-pane-close:hover{color:var(--ash-red);border-color:var(--ash-red)}.pm-pane-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-pane .readiness{border:0;max-width:none}.pm-pane-card>:not(.pm-pane-close):not(.pm-pane-foot){flex:auto;min-height:0;overflow-y:auto}.pm-pane-body{margin:0;padding:1.4rem 1.6rem 1.6rem;overflow-y:auto}.pm-pane-body>h2{margin:0 0 .9rem;font-size:1.4rem}.pm-pane-foot{border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.6rem;display:flex}.pm-pane-note{color:var(--muted);max-width:34ch;margin:0;font-size:.85rem}.pm-pane-go{border-radius:8px}.pm-tool-link{border:1px solid var(--control-border);background:var(--surface);min-height:34px;font:inherit;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:6px 11px;font-size:.83rem;font-weight:500;display:inline-flex}.pm-tool-link:hover{border-color:var(--ash-red);color:var(--ash-red)}.pm-rail{background:var(--surface);border-left:1px solid var(--border);top:var(--pm-bar-h);max-height:calc(100vh - var(--pm-bar-h));overscroll-behavior:contain;grid-column:3;padding:.85rem .7rem 1.1rem;position:sticky;overflow-y:auto}.pm-rail[hidden]{display:none}.pm-rail-group{border-top:1px solid var(--border);margin-top:.6rem;padding-top:.5rem}.pm-rail-group>summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:6px;align-items:center;gap:6px;padding:5px 2px;font-size:.72rem;font-weight:700;list-style:none;display:flex}.pm-rail-group>summary::-webkit-details-marker{display:none}.pm-rail-group>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:none;width:7px;height:7px;margin-right:2px;transition:transform .15s;transform:rotate(-45deg)}.pm-rail-group[open]>summary:before{transform:rotate(45deg)}.pm-rail-group>summary:hover{color:var(--text)}.pm-rail-group>summary:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pm-rail-group-body{padding:.5rem 0 .3rem}.pm-rail-head{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.pm-rail-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.pm-thumbs{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.pm-rail :is(.segmented,.tabs){background:0 0;border:0;flex-direction:column;align-items:stretch;gap:2px;padding:0}.pm-rail :is(.segmented label,.tabs .tab){border-radius:8px;justify-content:flex-start;padding:8px 10px;font-size:.85rem}.pm-rail .field,.pm-rail fieldset{border:0;margin:0;padding:0}.pm-thumb{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:.4rem;padding:8px 6px 7px;display:flex}.pm-thumb:hover{background:var(--surface-2);border-color:var(--border)}.pm-thumb:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pm-thumb[aria-pressed=true]{border-color:var(--ash-black);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--ash-black)}.pm-thumb-art{--pm-thumb:76px;height:var(--pm-thumb);justify-content:center;align-items:center;display:flex;position:relative}.pm-thumb-art canvas{max-width:100%;max-height:var(--pm-thumb);background:#fff;width:auto;height:auto;box-shadow:0 3px 9px #00000024}.pm-thumb-flag{background:var(--ok);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:-3px;right:-3px}.pm-thumb-flag[data-tone=warn]{background:#b36200}.pm-thumb-flag[data-tone=fail]{background:#a4262c}.pm-thumb-name{font-size:.78rem;font-weight:500;line-height:1.3}.pm-thumbs .section-note{color:var(--muted);font-size:.8rem}@media (max-width:1180px){.pm-work{--pm-left:264px}.pm-work.has-rail{--pm-right:168px}.pm-thumb-art{--pm-thumb:66px}}@media (max-width:900px){.pm-work{flex-direction:column;display:flex}.pm-stage{order:0;min-height:0}.pm-rail{border-left:0;border-top:1px solid var(--border);max-height:none;padding:.9rem var(--page-x) 1.1rem;order:1;position:static}.pm-thumbs{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.5rem}.pm-work .pm-side{z-index:120;width:min(360px,92vw);max-height:none;transition:transform .24s cubic-bezier(.2,.7,.3,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 20px 60px #00000038}.pm-work.side-open .pm-side{transform:none}.pm-canvas-area{padding:3.4rem clamp(1.1rem,4vw,1.8rem) clamp(1.1rem,4vw,1.8rem)}.pm-canvas-area canvas{max-height:52vh}.pm-chrome-toggle em{display:none}.pm-pane{z-index:130;padding:0;position:fixed}.pm-pane-card{border:0;border-radius:0;width:100%;height:100%;max-height:none}.pm-pane-body{padding:1.25rem var(--page-x) 1.5rem}.pm-pane-foot{padding:.8rem var(--page-x)}.pm-pane-note{max-width:none}}@media (max-width:620px){.pm-topbar{flex-wrap:wrap;row-gap:.5rem;padding-block:.55rem}.pm-topbar-left{display:contents}.pm-topbar h1,.pm-tool-pick{order:1;font-size:1rem}.pm-tool-pick,.pm-mode-pick{flex:1 1 0;order:1;min-width:0}.pm-tool-pick select{width:100%;font-size:.95rem}.pm-mode-pick select{width:100%;padding-left:9px;font-size:.83rem}.pm-topbar-right{flex:1 0 100%;order:2;justify-content:flex-start;gap:.5rem}.pm-context{flex:1 0 100%;order:3;min-width:0}}@media (prefers-reduced-motion:reduce){.pm-work .pm-side{transition:none}}.pm-side,.pm-side :is(input,select,textarea){font-size:.92rem}.pm-side :is(.field>label,.field>.label,legend){font-size:.72rem}.pm-side .hint{font-size:.79rem}.pm-side .btn,.pm-side .ql-btn{border-radius:8px;min-height:36px;font-size:.85rem}.pm-stage-extra{flex-direction:column;gap:.9rem;width:100%;max-width:60rem;margin:0 auto;padding:0 clamp(.9rem,2vw,1.4rem) 1.4rem;display:flex}.pm-stage-extra .card,.pm-stage-extra .install-card{background:var(--surface)}.pm-app .pm-check-line{display:none}.pm-pane-card [tabindex="-1"]:focus{outline:none}