:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f1ec;--card:#fff;--soft:#f7f5f0;--text:#1d1c1a;--muted:#6b665e;--line:#e2ddd3;--accent:#1e6a5b;--accent-soft:#eaf2ef;--warn:#a8501c;--warn-text:#8f4316;--warn-soft:#fbebdd;--info:#2b4f7e;--info-soft:#e7eef8;--danger:#b4412f;--ok:#2e8b57;--dark:#1d1c1a;--dark-2:#2a2926;--mark:#ff7a1a;font-family:IBM Plex Sans,Noto Sans SC,-apple-system,PingFang SC,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:1.25rem}h2{margin:0;font-size:1rem;font-weight:600}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:#164f44}img{max-width:100%}.mono{font-family:IBM Plex Mono,ui-monospace,monospace}.muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.72rem}.large{font-size:1.05rem}.strong{font-weight:600}.center{text-align:center}.error{color:var(--danger);font-size:.875rem}.warn{color:var(--warn-text)}.accent-text{color:#ffd2b3}.light{color:#d8d2c6}.grow{flex:1}.pad{padding:10px 12px 12px}.page-pad{padding:24px 16px}.page{max-width:760px;padding:12px 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.narrow{max-width:420px;padding-top:15vh}.stack{gap:14px;display:grid}.stack-tight{gap:8px;display:grid}.stack-none{flex-direction:column;min-width:0;display:flex}.row{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.card{background:var(--card);border:1px solid var(--line);color:var(--text);border-radius:14px;padding:12px}.dark-card{background:var(--dark);border-color:var(--dark)}.section-label{color:var(--muted);font-size:.8rem;font-weight:500}.topbar,.sidebar{display:none}.content{min-width:0}@media (width>=1024px){.shell{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex}.brand{color:var(--text);font-size:1.05rem;font-weight:700}.who{color:var(--muted);font-size:.875rem}.shell-body{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:#fbfaf7;flex-direction:column;flex:none;gap:2px;width:232px;padding:14px 12px;font-size:.9rem;display:flex;overflow-y:auto}.side-label{color:var(--muted);padding:12px 8px 4px;font-size:.75rem}.side-group{flex-direction:column;gap:2px;display:flex}.side-item{min-height:36px;color:var(--text);border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;display:flex}.side-item.on{background:var(--accent-soft);color:#164f44;font-weight:600}.content{flex:1;overflow-y:auto}.page{max-width:1280px;padding:18px 24px 40px}}.page-header{align-items:center;gap:8px;padding:4px 0;display:flex}.page-title{flex-direction:column;flex:1;min-width:0;display:flex}.page-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.back{margin-left:-12px}input,select,textarea{font:inherit;min-width:0;min-height:44px;color:var(--text);background:#fff;border:1px solid #d8d2c6;border-radius:10px;padding:8px 12px}textarea{resize:none}.field{color:#4d4943;gap:6px;font-size:.875rem;display:grid}button{font:inherit;cursor:pointer;border:0;border-radius:10px;min-height:44px;padding:8px 16px}button:disabled{opacity:.5;cursor:default}.primary,.button.primary{background:var(--accent);color:#fff;font-weight:600}.secondary{border:1px solid var(--text);color:var(--text);background:#fff;font-weight:600}.warn-solid{background:var(--warn);color:#fff;font-weight:600}.dark-solid{color:#fff;background:#4d4943}.warn-outline,.button.warn-outline{border:1px solid var(--warn);color:var(--warn-text);background:#fff;font-weight:600}.button{border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.link{color:var(--accent);background:0 0;min-height:32px;padding:4px}.link.left{justify-self:start;padding-left:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#4d4943;background:#fff;border:1px solid #d8d2c6;border-radius:18px;align-items:center;min-height:36px;padding:0 12px;font-size:.875rem;display:inline-flex}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.chip.warn-on{border-color:var(--warn);background:var(--warn-soft);color:var(--warn-text)}.chip.static{cursor:default;background:var(--soft);border-color:#0000}.tabs{gap:4px;display:flex}.tabs.scroll{border-top:1px solid #efebe3;padding:8px;overflow-x:auto}.tab{color:#4d4943;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;min-height:40px;padding:0 14px;font-size:.875rem;display:inline-flex}.tab.on{background:var(--text);color:var(--bg)}.badge{white-space:nowrap;border-radius:10px;flex:none;padding:3px 9px;font-size:.75rem;font-weight:600}.badge.review{background:var(--warn-soft);color:var(--warn-text)}.badge.accepted{background:var(--accent-soft);color:var(--accent)}.badge.muted-badge{color:#4d4943;background:#ecebe5}.dot{background:var(--ok);border-radius:50%;flex:none;width:10px;height:10px}.dot.stale{background:var(--danger)}.notice{background:#fdf6e3;border:1px solid #ecd9a4;border-radius:8px;padding:10px 12px}.notice.ok{background:var(--accent-soft);color:#164f44;border-color:#cfe3dc}.stat{flex-direction:column;gap:2px;display:flex}.stat-number{font-family:IBM Plex Mono,monospace;font-size:1.6rem;font-weight:600}.stat-number.warn{color:var(--warn)}.stat-number.info{color:var(--info)}.stat-small{flex-direction:column;display:flex}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=720px){.design-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.design-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}}.design-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.thumb{background:var(--soft);justify-content:center;align-items:center;height:180px;display:flex;position:relative}.thumb img{width:auto;height:160px}.thumb-badge{position:absolute;top:8px;left:8px}.design-meta{flex-direction:column;gap:2px;padding:8px 10px 10px;display:flex}.pixelated{image-rendering:pixelated}.nav-list{padding:0}.nav-row{min-height:56px;color:var(--text);border-bottom:1px solid #efebe3;align-items:center;gap:12px;padding:0 12px;display:flex}.nav-row:last-child{border-bottom:0}.nav-row>span{flex-direction:column;flex:1;display:flex}.design-layout{gap:14px;display:grid}@media (width>=1024px){.design-layout{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr);align-items:start}}.media-card{padding:0;overflow:hidden}.media-stage{background:var(--soft);justify-content:center;align-items:center;height:340px;display:flex}@media (width>=1024px){.media-stage{height:560px}}.media-stage.key{background:#01af40}.media-stage img.contain{object-fit:contain;max-width:100%;max-height:100%}.media-stage img.tall{width:auto;height:92%}.issue{background:var(--soft);color:var(--text);border-radius:8px;align-items:flex-start;gap:8px;padding:8px;display:flex}.issue.open{background:#fdf4ee}.issue-type{background:var(--warn-soft);color:var(--warn-text);border-radius:6px;flex:none;padding:2px 7px;font-size:.72rem;font-weight:600}.action-bar{padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);gap:8px;display:flex;position:sticky;bottom:0}.action-bar>*{flex:1}@media (width>=1024px){.action-bar{border-top:0;max-width:420px;position:static}}.sheet-backdrop{z-index:20;background:#1d1c1a73;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:560px;max-height:92dvh;color:var(--text);padding:16px 16px calc(24px + env(safe-area-inset-bottom));background:#fff;border-radius:18px 18px 0 0;gap:10px;display:grid;overflow-y:auto}@media (width>=1024px){.sheet-backdrop{justify-content:center}.sheet{border-radius:18px}}.download-row{text-align:left;min-height:48px;color:var(--text);background:0 0;border-bottom:1px solid #efebe3;border-radius:0;justify-content:space-between;align-items:center;padding:0 4px;display:flex}.viewer-page{background:var(--dark);height:100dvh;color:var(--bg);flex-direction:column;display:flex}@media (width>=1024px){.viewer-page{height:calc(100vh - 56px)}}.viewer-head{padding:8px 16px 0}.viewer-head .page-header{color:var(--bg)}.viewer-head .muted{color:#b8b2a7}.toolbar{align-items:center;gap:6px;padding:6px 0 10px;display:flex}.pill{color:#d8d2c6;background:0 0;border:1px solid #4a4842;border-radius:18px;min-height:36px;padding:0 14px;font-size:.875rem}.pill.on{color:#cfefe6;background:#23413a;border-color:#8fd1bf}.warn-pill{border-color:var(--mark);color:#ffd2b3}.solid-warn{background:var(--mark);border-color:var(--mark);color:var(--dark);font-weight:600}.viewer-body{flex-direction:column;flex:1;min-height:0;display:flex}@media (width>=1024px){.viewer-body{flex-direction:row}}.viewer-canvas{flex:1;min-height:240px;position:relative}.pattern-canvas{position:absolute;inset:0}.viewer-panel{background:var(--dark-2);padding:10px 12px calc(14px + env(safe-area-inset-bottom));flex-direction:column;gap:8px;max-height:46%;display:flex;overflow-y:auto}@media (width>=1024px){.viewer-panel{flex:none;width:340px;max-height:none}}.viewer-panel>*{flex:none}.panel-row{color:#d8d2c6;align-items:center;gap:8px;min-height:36px;display:flex}.panel-title{color:var(--bg);justify-content:space-between;align-items:baseline;font-size:.875rem;display:flex}.legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}@media (width>=1024px){.legend{grid-template-columns:repeat(3,minmax(0,1fr))}}.legend-chip{min-height:38px;color:var(--bg);text-align:left;background:0 0;border:1px solid #3f3d39;border-radius:8px;align-items:center;gap:5px;padding:2px 5px;display:flex}.legend-chip.on{background:#3a3833;border-style:dashed;border-color:#fff}.swatch{border-radius:4px;flex:none;width:16px;height:16px;box-shadow:inset 0 0 0 1px #7f7f7f59}.large-swatch{border-radius:6px;width:28px;height:28px}.compare-panes{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-height:0;padding:0 6px;display:grid}.compare-panes figure{flex-direction:column;min-height:0;margin:0;display:flex}.compare-panes figcaption{text-align:center;color:#d8d2c6;padding:2px 0 4px;font-size:.8rem}.compare-panes .viewer-canvas{min-height:200px}.change-list{flex-direction:column;gap:2px;display:flex}.change{min-height:38px;color:var(--bg);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.change.on{border-color:var(--mark);background:#3a3833}.change .where{white-space:nowrap;color:#b8b2a7;min-width:82px}.annotation-canvas{border-radius:10px;height:320px;position:relative;overflow:hidden}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline-item{grid-template-columns:18px 1fr;gap:10px;display:grid}.timeline-dot{background:#fff;border:2px solid #b8b2a7;border-radius:7px;width:14px;height:14px;margin-top:16px}.timeline-dot.current{border-color:var(--warn);background:var(--warn)}.author{color:#4d4943;background:#ecebe5;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600}.author.agent{background:var(--info-soft);color:var(--info)}.author.human{background:var(--warn-soft);color:var(--warn-text)}.note-box{background:var(--soft);border-radius:8px;gap:2px;padding:8px;display:grid}.facts{grid-template-columns:72px minmax(0,1fr);gap:6px 8px;margin:0;font-size:.875rem;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.prompt{white-space:pre-wrap;background:var(--soft);border-radius:8px;max-height:320px;padding:10px;font-size:.75rem;overflow:auto}.refs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ref{gap:4px;margin:0;display:grid}.ref img{aspect-ratio:1;object-fit:cover;background:var(--soft);border-radius:8px;width:100%}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@media (width>=1024px){.palette-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.palette-item{background:var(--soft);border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.events{gap:6px;margin:0;padding:0;list-style:none;display:grid}.events li{gap:8px;display:flex}.legend-row{color:#4d4943;flex-wrap:wrap;gap:12px;display:flex}.kind-dot{border-radius:3px;width:10px;height:10px}.pipeline{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pipeline-stage{grid-template-columns:28px 1fr;gap:10px;display:grid}.kind-box{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600;display:flex}.kind-dot.code,.kind-box.code{background:#6b665e}.kind-dot.agent,.kind-box.agent{background:var(--info)}.kind-dot.human,.kind-box.human{background:var(--warn)}.kind-dot.render,.kind-box.render{background:var(--accent)}.stage-head{color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:0;display:flex}.detail-list{background:var(--soft);border-radius:8px;gap:4px;margin:0;padding:8px 10px;list-style:none;display:grid}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.list li.member{border-top:1px solid var(--line);gap:4px;padding:8px 0;display:grid}.token{padding-left:12px}.strike{text-decoration:line-through}.secret{word-break:break-all;background:#fff;border-radius:6px;padding:8px;font-size:.8rem;display:block}button.link.danger{color:var(--danger)}@media (width>=1024px){.mobile-only{display:none}}.pixelated img,img.pixelated{image-rendering:pixelated}.reference-thumbs{flex-direction:column;gap:8px;display:flex;position:absolute;bottom:10px;left:12px}.reference-thumb{background:var(--dark-2);width:64px;color:var(--bg);border:1px solid #4a4842;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:0 0 4px;font-size:.6875rem;display:flex;overflow:hidden;box-shadow:0 4px 12px #0006}.reference-thumb img{object-fit:contain;background:#f3f1ec;width:62px;height:62px;display:block}.reference-thumb.mother img{object-fit:cover;background:#01af40}.reference-pip{background:var(--dark-2);border:1px solid #4a4842;border-radius:14px;width:min(196px,50vw);position:absolute;top:28px;right:10px;overflow:hidden;box-shadow:0 8px 24px #00000080}.reference-switch{background:var(--dark);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:grid}.reference-switch button{color:#d8d2c6;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:30px;padding:0 4px;font-size:.75rem}.reference-switch button.on{background:var(--bg);color:var(--dark);font-weight:600}.reference-pip-image{cursor:zoom-in;background:#f3f1ec;border:0;border-radius:0;width:100%;padding:0;display:block}.reference-pip-image img{aspect-ratio:1;object-fit:contain;width:100%;display:block}.reference-pip-bar,.reference-side-head{color:#d8d2c6;align-items:center;gap:4px;padding:4px 4px 4px 10px;font-size:.6875rem;display:flex}.reference-pip-bar button,.reference-side-head button{color:#d8d2c6;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.125rem;display:flex}.reference-zoom{cursor:grab;background:#f3f1ec;flex:1;min-height:0;position:relative;overflow:hidden}.reference-zoom img{transform-origin:0 0;-webkit-user-select:none;user-select:none;max-width:none;position:absolute;top:0;left:0}.reference-full{z-index:30;color:var(--bg);background:#111110;flex-direction:column;display:flex;position:fixed;inset:0}.reference-full-head{padding:calc(12px + env(safe-area-inset-top)) 16px 8px;align-items:center;gap:8px;display:flex}.reference-full-head>div{flex-direction:column;display:flex}.reference-full-switch{padding:0 16px 8px}.reference-full-switch .reference-switch{border-radius:10px}.reference-full-head .small,.reference-full-note{color:#b8b2a7}.reference-full-note{padding:12px 16px calc(16px + env(safe-area-inset-bottom));margin:0}.solid-light{background:var(--bg);border-color:var(--bg);color:var(--dark);font-weight:600}.reference-side{color:#b8b2a7;border-left:1px solid #3a3833;flex-direction:column;flex:none;gap:8px;width:340px;min-height:0;padding:0 12px 12px;display:flex}.reference-side-item{flex-direction:column;flex:1;min-height:0;display:flex}.reference-side-head{padding-left:0}.reference-side-head strong{color:var(--bg);font-size:.8125rem}.reference-side .reference-zoom{border-radius:10px}.reference-side p{margin:0}.segmented{background:var(--dark);border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:3px;display:grid}.segmented button{white-space:nowrap;color:#d8d2c6;background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:44px;padding:0 2px;line-height:1.2;display:flex}.segmented button strong{font-size:.8125rem}.segmented button span{opacity:.8;font-size:.625rem}.segmented button.on{background:var(--mark);color:var(--dark)}.legend-chip.target{border-color:var(--mark);background:#4a2e1c}.scope-box{color:#4d4943;background:#fdf4ee;border-radius:10px;gap:2px;padding:10px 12px;display:grid}.scope-box .strong{color:var(--warn-text)}.scroll-row{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.scroll-row .chip{flex:none;gap:6px}.small-swatch{width:14px;height:14px}.icon-pill{align-items:center;gap:6px;display:inline-flex}.highlight-icon{border-radius:2px;width:12px;height:12px}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice{border:2px solid var(--line);min-height:64px;color:var(--text);text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.choice.on{border-color:var(--accent);background:var(--accent-soft)}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.color-choice{border:2px solid var(--line);min-height:40px;color:var(--text);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:6px;padding:0 8px;font-size:.75rem;display:flex}.color-choice.on{border-color:var(--text)}.draft-bar{background:#3a2a1f;border:1px solid #6b4027;border-radius:12px;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex}.draft-bar>button:first-child{color:#ffd2b3;text-align:left;background:0 0;border:0;min-height:36px;padding:0;font-size:.8125rem}.draft-item{background:#fdf4ee;border:1px solid #f0d4bf;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.draft-number{background:var(--mark);width:24px;height:24px;color:var(--dark);border-radius:12px;flex:none;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.danger-text{color:var(--danger)}