.window.window--app{width:min(900px,92vw);height:min(580px,80vh)}.window--app .window-body{flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.app-window{--app-ink:#1c1a17;--app-ink-soft:#57503f;--app-ink-faint:#8a8073;--app-border:#e3e1dc;--app-bg:#fff;--app-panel-bg:#fff;--app-canvas-bg:#f5f5f5;--app-accent:#0d99ff;width:100%;min-width:0;min-height:0;font-family:var(--font-sans);color:var(--app-ink);background:var(--app-bg);-webkit-user-select:text;user-select:text;flex-direction:column;flex:auto;font-size:12px;line-height:1.5;display:flex}.app-window--ps,.app-window--ai,.app-window--id{--app-ink:#d6d6d6;--app-ink-soft:#9a9a9a;--app-ink-faint:#767676;--app-border:#1e1e1e;--app-bg:#323232;--app-panel-bg:#323232;--app-canvas-bg:#262626}.app-window--affinity{--app-ink:#dcdcdc;--app-ink-soft:#9a9a9a;--app-ink-faint:#767676;--app-border:#1f1f1f;--app-bg:#2b2b2b;--app-panel-bg:#2b2b2b;--app-canvas-bg:#3c3c3c;--app-accent:#7a5af5}.app-toolbar-appicon{object-fit:cover;border-radius:5px;flex:none;width:20px;height:20px}.app-toolbar{border-bottom:1px solid var(--app-border);background:var(--app-bg);height:36px;color:var(--app-ink);flex:none;align-items:center;gap:10px;padding:0 12px;display:flex}.app-toolbar--dark{background:#262626}.app-window--affinity .app-toolbar--dark{background:#1f1f1f}.app-toolbar-filename{color:var(--app-ink);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;overflow:hidden}.app-toolbar-spacer{flex:auto}.app-toolbar-zoom{color:var(--app-ink-soft);flex:none;font-size:11px}.app-toolbar-optionbar{background:var(--app-border);flex:auto;height:1px;margin-left:4px}.app-mark{letter-spacing:-.01em;border-radius:4px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;display:flex}.app-mark--ps{color:#31a8ff;background:#001e36}.app-mark--ai{color:#ff9a00;background:#300}.app-mark--id{color:#f36;background:#49021f}.app-row{flex:auto;min-height:0;display:flex;overflow:hidden}.app-tool-strip{border-right:1px solid var(--app-border);background:#2b2b2b;flex-direction:column;flex:0 0 40px;align-items:center;gap:10px;width:40px;padding:10px 0;display:flex;overflow-y:auto}.app-window--affinity .app-tool-strip{background:#262626}.app-tool-icon{width:24px;height:24px;color:var(--app-ink-soft);border-radius:4px;justify-content:center;align-items:center;display:flex}.app-canvas{background:var(--app-canvas-bg);flex-direction:column;flex:auto;min-width:0;display:flex;position:relative;overflow:hidden}.app-canvas--flex{justify-content:center;align-items:center}.app-doc-tab{color:var(--app-ink-soft);border-bottom:1px solid var(--app-border);background:#2b2b2b;flex:none;padding:5px 12px;font-size:10.5px}.app-canvas-status{color:var(--app-ink-faint);border-top:1px solid var(--app-border);background:#2b2b2b;flex:none;padding:4px 12px;font-size:10.5px}.app-panel{border-left:1px solid var(--app-border);background:var(--app-panel-bg);flex:0 0 250px;width:250px;min-height:0;padding:12px 14px 16px;overflow-y:auto}.app-panel--dark{background:var(--app-panel-bg)}.app-panel-header{text-transform:uppercase;letter-spacing:.04em;color:var(--app-ink-faint);margin:0 0 8px;font-size:10px;font-weight:600}.app-panel-header--sub{border-top:1px solid var(--app-border);margin-top:16px;padding-top:14px}.app-note{flex-direction:column;gap:8px;display:flex}.app-note-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--app-ink-faint);margin:0;font-size:10px;font-weight:600}.app-note-prompt{color:var(--app-ink-soft);gap:6px;margin:0;font-style:italic;display:flex}.app-note-chevron{color:var(--app-accent);flex:none}.app-note-answer{color:var(--app-ink);margin:0}.app-note-status{border-top:1px solid var(--app-border);color:var(--app-ink-faint);margin:10px 0 0;padding-top:8px;font-size:11px}.app-window--figma{--app-accent:#0d99ff;--app-border:#e3e1dc}.app-toolbar--figma{background:#fff}.figma-mark{border-radius:3px;flex:none;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;width:18px;height:18px;display:grid;overflow:hidden}.figma-mark span:first-child{background:#f24e1e}.figma-mark span:nth-child(2){background:#a259ff}.figma-mark span:nth-child(3){background:#1abcfe}.figma-mark span:nth-child(4){background:#0acf83}.figma-avatar{color:#4d3c00;background:#ffe169;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:flex}.figma-share{background:var(--app-accent);color:#fff;cursor:default;border-radius:5px;flex:none;padding:4px 10px;font-size:11px;font-weight:600}.app-panel--figma-layers{border-left:0;border-right:1px solid var(--app-border);flex-basis:220px;width:220px}.figma-page{color:var(--app-ink-faint);margin:0 0 6px;font-size:10.5px}.figma-layer-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.figma-layer-list li{color:var(--app-ink-soft);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:7px;padding:4px 6px;font-size:11px;display:flex;overflow:hidden}.figma-layer-list li.is-selected{background:var(--app-accent);color:#fff}.figma-layer-list li.is-selected .figma-layer-icon{color:#fff}.figma-layer-icon{color:var(--app-ink-faint);flex:none;font-size:10px}.app-canvas--figma{justify-content:center;align-items:center;padding:18px}.figma-section-label{color:var(--app-ink-faint);margin:0;font-size:11px;position:absolute;top:10px;left:18px}.figma-canvas-frame{width:94%;height:80%;margin-top:14px;position:relative}.figma-selection{border:1.5px solid var(--app-accent);pointer-events:none;border-radius:2px;width:52%;height:64%;position:absolute;top:20%;left:44%}.app-panel--figma-right{flex-direction:column;display:flex}.figma-tabs{color:var(--app-ink-faint);gap:14px;margin:-2px 0 14px;font-size:11px;display:flex}.figma-tabs .is-active{color:var(--app-ink);font-weight:600}.figma-comment{align-items:center;gap:8px;margin-bottom:8px;display:flex}.figma-comment-avatar{color:#4d3c00;background:#ffe169;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.figma-comment-name{font-size:11.5px;font-weight:600}.app-window--ps{--app-accent:#31a8ff}.ps-canvas-area{flex:auto;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex}.ps-image-frame{aspect-ratio:1600/1059;border:1px solid #141414;width:min(100%,420px);position:relative;box-shadow:0 0 0 1px #0a0a0a}.ps-blend-row{color:var(--app-ink-soft);border-bottom:1px solid var(--app-border);justify-content:space-between;margin-bottom:8px;padding-bottom:8px;font-size:10.5px;display:flex}.ps-layer-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ps-layer-list li{align-items:center;gap:8px;padding:4px 2px;font-size:11px;display:flex}.ps-layer-list li.is-locked{color:var(--app-ink-faint)}.ps-layer-thumb{background:#1a1a1a;border:1px solid #141414;border-radius:2px;flex:none;width:22px;height:22px;position:relative;overflow:hidden}.ps-layer-thumb--adjust{background:radial-gradient(circle at 30% 30%,#444,#1a1a1a 70%)}.app-window--ai{--app-accent:#ff9a00;--app-canvas-bg:#4a4a4a}.ai-pasteboard{flex:auto;justify-content:center;align-items:center;gap:18px;min-height:0;padding:16px;display:flex;overflow:hidden}.ai-artboard{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.ai-artboard-label{color:#d6d6d6;margin:0;font-size:10px}.ai-artboard-canvas{background:#fff;width:150px;height:150px;position:relative;box-shadow:0 0 0 1px #00000080}.ai-artboard-size{border-bottom:1px solid var(--app-border);margin-bottom:12px;padding-bottom:12px}.ai-artboard-size p{color:var(--app-ink-soft);margin:0 0 3px;font-size:11px}.ai-artboard-size p:first-child{color:var(--app-ink);font-weight:600}.ai-layer-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ai-layer-list li{align-items:center;gap:8px;font-size:11px;display:flex}.ai-swatch{border-radius:2px;flex:none;width:10px;height:10px}.ai-swatch--0{background:#ff9a00}.ai-swatch--1{background:#ff5fa0}.ai-swatch--2{background:#5fb8ff}.app-window--id{--app-accent:#f36;--app-canvas-bg:#4a4a4a}.id-pasteboard{flex:auto;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.id-spread{display:flex;box-shadow:0 6px 24px #00000073}.id-page{background:#fff;width:190px;height:268px;position:relative;overflow:hidden}.id-page--cover{border-right:1px solid #0006}.id-page--recipe{color:#1c1a17;padding:14px 12px;font-size:6.8px;line-height:1.5}.id-guide{opacity:.4;pointer-events:none;background:#ff3fa4;position:absolute}.id-guide--v1{width:1px;top:10px;bottom:10px;left:14px}.id-guide--v2{width:1px;top:10px;bottom:10px;right:14px}.id-guide--h1{height:1px;top:14px;left:10px;right:10px}.id-guide--h2{height:1px;bottom:14px;left:10px;right:10px}.id-page-number{color:#6b6b6b;margin:0;font-size:6.5px;position:absolute;top:6px;right:10px}.id-recipe-title{letter-spacing:-.01em;margin:4px 0 6px;font-size:10px;font-weight:700}.id-recipe-label{text-transform:uppercase;letter-spacing:.02em;margin:6px 0 2px;font-size:6.8px;font-weight:700}.id-recipe-list{margin:0 0 4px;padding-left:9px}.id-recipe-list li{margin-bottom:1px}.id-recipe-nutrition{color:#6b6b6b;margin:6px 0 0;font-size:6.2px}.id-pages-grid{--cols:3;grid-template-columns:repeat(var(--cols), 1fr);gap:6px;margin-bottom:4px;display:grid}.id-page-thumb{aspect-ratio:1/1.3;border:1px solid var(--app-border);background:#fff;justify-content:flex-end;align-items:flex-end;padding:2px 3px;display:flex;position:relative;overflow:hidden}.id-page-thumb span{z-index:1;color:#6b6b6b;background:#fffc;border-radius:2px;padding:0 2px;font-size:8.5px;position:relative}.id-page-thumb--cover{grid-column:1/2}.id-page-thumb--spread{background:#fff}.id-page-thumb--spread.is-active{outline:1.5px solid var(--app-accent);outline-offset:-1.5px}.app-toolbar--affinity{gap:14px}.affinity-personas{flex:none;gap:8px;display:flex}.affinity-persona{background:#333;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.affinity-persona.is-active{background:#7a5af52e}.affinity-persona-mark{border-bottom:8px solid #7a5af5;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0}.app-canvas--affinity{padding:20px}.affinity-cards{width:400px;height:262px;position:relative}.affinity-card{aspect-ratio:241/156;background:#fff;border:1px solid #00000059;border-radius:6px;width:320px;position:absolute;overflow:hidden;box-shadow:0 10px 24px -10px #0000008c}.affinity-card--back{z-index:1;top:46px;left:80px}.affinity-card--front{z-index:2;top:0;left:0}.affinity-layer-list{flex-direction:column;gap:6px;margin:0 0 4px;padding:0;list-style:none;display:flex}.affinity-layer-list li{align-items:center;gap:6px;font-size:11px;display:flex}.affinity-chevron{color:var(--app-ink-faint);flex:none;font-size:10px}