:root{--color-bg: #e4dfc9;--color-frame: #faf6e9;--color-surface: #efe9d6;--color-border: #d8d0b6;--color-text: #241f18;--color-text-secondary: #5c5646;--color-text-muted: #7a7360;--color-accent: #e0632a;--color-accent-fg: #faf6e9;--color-accent-soft: #f5dfcb;--color-brand-accent: #b8862e;--color-warn-bg: #f3e4b8;--color-warn-fg: #8a6a10;--color-danger: #b3432b;--color-input-bg: #e7e0c8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 20px;--font-size-xl: 26px}[data-theme=dark]{--color-bg: #14170f;--color-frame: #1d2116;--color-surface: #262b1d;--color-border: #33392a;--color-text: #efead9;--color-text-secondary: #b9b39c;--color-text-muted: #9b9682;--color-accent: #e8804c;--color-accent-fg: #1d2116;--color-accent-soft: #3a2a1d;--color-brand-accent: #d4a017;--color-warn-bg: #3a3420;--color-warn-fg: #d4a017;--color-danger: #e08080;--color-input-bg: #2c3221}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent)}button,input{font-family:inherit}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:var(--color-bg)}.card{width:100%;max-width:400px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);box-shadow:0 1px 3px #0000000f}.brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-weight:700;font-size:var(--font-size-lg)}.brand-name{font-family:Gluten,sans-serif;font-weight:700}.sidebar .brand-name{color:var(--color-brand-accent)}.brand-dot{width:10px;height:10px;border-radius:50%;background:var(--color-accent)}.tab-group{display:flex;gap:var(--space-1);background:var(--color-input-bg);border-radius:9px;padding:4px;margin-bottom:var(--space-5)}.tab-group button{flex:1;padding:var(--space-2);border:none;border-radius:6px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;background:transparent;color:var(--color-text-secondary)}.tab-group button.active{background:var(--color-surface);color:var(--color-text)}.field{display:flex;flex-direction:column;gap:var(--space-2);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.field input,.field textarea,.field select{padding:11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:var(--color-input-bg)}.field textarea{resize:vertical;min-height:80px}.field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23635f56'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.field input:focus,.field textarea:focus,.field select:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}::placeholder{color:var(--color-text-muted);opacity:1}.field-readonly{display:flex;align-items:center;gap:6px;padding:11px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-text-secondary);background:var(--color-input-bg)}.btn-primary{width:100%;margin-top:var(--space-1);padding:12px;border:none;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-accent-fg);font-weight:700;font-size:var(--font-size-base);cursor:pointer}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-secondary{padding:10px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-weight:600;font-size:var(--font-size-sm);cursor:pointer}.btn-secondary:hover:not(:disabled){background:var(--color-input-bg);border-color:var(--color-text-muted)}.btn-secondary:disabled{opacity:.5;cursor:default}.error-text{color:var(--color-danger);font-size:var(--font-size-sm);margin:0 0 var(--space-3)}.muted-note{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--space-1) 0 0}.app-shell{height:100vh;overflow:hidden;padding:var(--space-5);background:var(--color-bg)}.frame{display:grid;grid-template-columns:230px 1fr;height:100%;background:var(--color-frame);border:1.5px solid var(--color-border);border-radius:24px;overflow:hidden}.sidebar{background:var(--color-surface);color:var(--color-text);padding:var(--space-5) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-5);border-right:1.5px solid var(--color-border);height:100%;overflow-y:auto}.sidebar .brand{color:var(--color-text);padding:0 var(--space-2);margin-bottom:0}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-nav a,.sidebar-nav button{padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-base);text-decoration:none;background:none;text-align:left;cursor:pointer}.sidebar-nav a:hover:not(.active){background:var(--color-input-bg);color:var(--color-text)}.sidebar-nav a.active{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.theme-toggle-row{display:flex;align-items:center;gap:8px;padding:10px 12px;margin-top:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:500;font-size:var(--font-size-sm);border:1px solid var(--color-border);background:var(--color-input-bg);cursor:pointer;width:100%}.theme-toggle-row:hover{color:var(--color-text);border-color:var(--color-text-muted)}.theme-toggle-row .icon{font-size:14px;width:16px;text-align:center;flex:none}.theme-toggle-row .icon-sun{font-size:16px}.theme-toggle-row .icon-moon{font-size:13px}.sidebar-footer{margin-top:auto;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-border)}.main-scroll{height:100%;overflow-y:auto}.main-content{padding:var(--space-6) var(--space-6)}@media(max-width:640px){.main-content{padding:var(--space-4)}}h1{font-family:Gluten,sans-serif;font-weight:800}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5);min-height:44px}.page-header h1{margin:0;font-size:var(--font-size-xl)}.dash-tabs{display:inline-flex;gap:var(--space-1);background:var(--color-input-bg);border-radius:9px;padding:4px;margin-bottom:var(--space-5)}.dash-tabs button,.dash-tabs a{padding:8px 16px;border:none;border-radius:6px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;background:transparent;color:var(--color-text-secondary);text-decoration:none;display:inline-block}.dash-tabs button.active,.dash-tabs a.active{background:var(--color-surface);color:var(--color-text)}.commission-list{display:flex;flex-direction:column;gap:var(--space-3)}.commission-row{display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);text-decoration:none;color:inherit}.commission-thumb{width:52px;height:52px;flex:none;border-radius:var(--radius-sm);background:var(--color-input-bg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:11px;overflow:hidden}.commission-row-main{flex:1;min-width:0}.commission-row-title{font-weight:700;font-size:var(--font-size-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commission-row-step{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:2px}.commission-row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge-active{background:var(--color-accent-soft);color:var(--color-accent)}.badge-neutral{background:var(--color-input-bg);color:var(--color-text-secondary)}.badge-warm{background:var(--color-warn-bg);color:var(--color-warn-fg)}.commission-row-updated{font-size:12px;color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--space-7) var(--space-4);color:var(--color-text-secondary);font-family:Gluten,sans-serif}.step-editor-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.step-editor-row input{flex:1;padding:9px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);background:var(--color-input-bg)}.icon-btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);width:32px;height:32px;flex:none;cursor:pointer;font-size:14px;line-height:1;color:var(--color-text-secondary)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn:hover:not(:disabled){background:var(--color-input-bg);color:var(--color-text)}.add-step-control{margin-bottom:var(--space-5)}.add-step-input-row{display:flex;gap:var(--space-2)}.add-step-input-row input{flex:1;min-width:160px;padding:9px 12px;border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text)}.step-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-2)}.suggestion-chip{font-size:12px;padding:4px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.suggestion-chip:hover{background:var(--color-input-bg);color:var(--color-text)}.suggestion-chip:disabled{opacity:.5;cursor:default}.back-link{display:inline-block;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-2)}.back-link:hover{color:var(--color-text);text-decoration:underline}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-decoration:none;font-size:15px;line-height:1}.back-btn:hover{background:var(--color-input-bg)}.page-header-title{display:flex;align-items:center;gap:var(--space-3)}.inline-editable-title{cursor:text;border-radius:var(--radius-sm);padding:2px 6px;margin:0 0 0 -6px}.inline-editable-title:hover{background:var(--color-input-bg)}.inline-title-input{font-family:Gluten,sans-serif;font-weight:800;font-size:var(--font-size-xl);color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:1px 5px;min-width:160px}.text-btn{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer}.text-btn:hover{color:var(--color-text)}.toggle-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;border:none;font-weight:600;font-size:var(--font-size-sm);cursor:pointer}.toggle-pill.on{background:var(--color-accent-soft);color:var(--color-accent)}.toggle-pill.off{background:var(--color-input-bg);color:var(--color-text-secondary)}.toggle-pill:disabled{opacity:.5;cursor:default}.toggle-pill:hover:not(:disabled){filter:brightness(.96)}[data-theme=dark] .toggle-pill:hover:not(:disabled){filter:brightness(1.15)}.toggle-pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.checkbox-field{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-4);cursor:pointer}.checkbox-field input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:var(--color-accent);cursor:pointer}.preview-frame{max-width:640px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.form-section{margin-bottom:var(--space-5)}.form-section-title{font-family:Gluten,sans-serif;font-weight:700;font-size:17px;margin:0 0 var(--space-2)}.option-row{display:flex;align-items:center;gap:10px;font-size:var(--font-size-base);margin-bottom:var(--space-2);cursor:pointer}.option-row input[type=checkbox],.option-row input[type=radio]{width:17px;height:17px;flex:none;accent-color:var(--color-accent);cursor:pointer}.type-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.type-card:hover{border-color:var(--color-accent)}.type-card.selected{border:2px solid var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.tos-box{background:var(--color-input-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.tos-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap;max-height:140px;overflow-y:auto;padding-right:var(--space-2);margin-bottom:var(--space-3)}.estimate-box{background:var(--color-accent-soft);border-radius:var(--radius-lg);padding:var(--space-4)}.estimate-line{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:3px 0}.estimate-total{display:flex;justify-content:space-between;font-weight:700;font-size:var(--font-size-md);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.link-box{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.link-box code{flex:1;min-width:200px;font-size:var(--font-size-sm);color:var(--color-text-secondary);word-break:break-all}.step-timeline{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.step-timeline-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex:none}.step-dot-done{background:var(--color-accent);color:var(--color-accent-fg)}.step-dot-current{background:var(--color-surface);color:var(--color-accent);border:2px solid var(--color-accent)}.step-dot-pending{background:var(--color-input-bg);color:var(--color-text-muted)}.step-name-editable{font-weight:600;cursor:text;border-radius:var(--radius-sm);padding:2px 6px;margin-left:-6px;flex:1}.step-name-editable:hover{background:var(--color-input-bg)}.step-name-input{font-weight:600;font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:var(--color-input-bg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:1px 5px;flex:1;min-width:100px}.step-row-controls{display:flex;gap:4px;flex:none;margin-left:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal-content{background:var(--color-frame);border:1.5px solid var(--color-border);border-radius:18px;width:100%;max-height:calc(100vh - var(--space-6));overflow-y:auto;padding:var(--space-5)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.modal-title{margin:0;font-size:var(--font-size-lg)}.modal-close{font-size:18px}.danger-zone{border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-4);margin-top:var(--space-6)}.danger-zone h2{margin-top:0;font-size:var(--font-size-md);color:var(--color-danger)}.btn-danger{padding:10px 16px;border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-danger);font-weight:600;font-size:var(--font-size-sm);cursor:pointer}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:var(--color-accent-fg)}.btn-danger:disabled{opacity:.5;cursor:default}.btn-remove{padding:5px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-danger);font-weight:600;font-size:12px;cursor:pointer}.btn-remove:hover:not(:disabled){background:var(--color-danger);color:var(--color-accent-fg);border-color:var(--color-danger)}.upload-panel{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;margin-bottom:var(--space-4);background:var(--color-surface)}.upload-panel.dragging{border-color:var(--color-accent);background:var(--color-accent-soft)}.upload-panel.disabled{opacity:.6}.upload-panel textarea{width:100%;max-width:400px;margin:var(--space-3) auto 0;padding:9px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-input-bg);font-family:inherit;font-size:var(--font-size-sm);resize:vertical;display:block}.progress-bar{width:100%;max-width:300px;height:6px;background:var(--color-input-bg);border-radius:3px;margin:var(--space-3) auto 0;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent);transition:width .2s ease}.wip-card-list{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}.wip-card{width:140px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface)}.wip-card-thumb{width:100%;height:140px;object-fit:cover;display:block;cursor:pointer;background:var(--color-input-bg)}.wip-card-meta{padding:var(--space-2) var(--space-3);font-size:12px}.wip-card-version{font-weight:700}.wip-card-status{margin-top:2px}.wip-card-status.approved{color:var(--color-accent)}.wip-card-status.changes{color:var(--color-warn-fg)}.wip-card-status.pending{color:var(--color-text-muted)}.wip-card-remove{display:block;width:100%;border:none;border-top:1px solid var(--color-border);background:var(--color-surface);color:var(--color-danger);font-size:11px;padding:4px;cursor:pointer}.wip-card-remove:hover{background:var(--color-input-bg)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-5)}.lightbox-backdrop img{max-width:100%;max-height:100%;border-radius:var(--radius-sm)}.lightbox-close{position:absolute;top:var(--space-4);right:var(--space-4);background:#ffffff26;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer}.public-page{min-height:100vh;background:var(--color-bg)}.public-header{padding:var(--space-5) var(--space-4) var(--space-3);text-align:center}.public-site-brand{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:var(--space-4);font-family:Gluten,sans-serif;font-weight:700;font-size:15px;color:var(--color-brand-accent);position:relative}.public-theme-toggle{position:absolute;top:0;right:var(--space-4);width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer}.public-theme-toggle:hover{background:var(--color-input-bg)}.public-container{max-width:640px;margin:0 auto;padding:0 var(--space-4) var(--space-7)}.progress-steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap}.progress-step{flex:1;min-width:80px;text-align:center;padding:var(--space-2);border-radius:var(--radius-sm);font-size:12px;font-weight:600}.progress-step.approved{background:var(--color-accent-soft);color:var(--color-accent)}.progress-step.current{background:var(--color-surface);color:var(--color-accent);border:2px solid var(--color-accent)}.progress-step.pending{background:var(--color-input-bg);color:var(--color-text-muted)}.public-latest-wip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5)}.public-latest-wip img{width:100%;display:block;cursor:pointer}.public-latest-wip-body{padding:var(--space-4)}.public-carousel{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:8px}.public-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--color-surface)}.public-carousel-slide{min-width:100%;scroll-snap-align:start;display:flex}.public-carousel-slide img{width:100%;display:block;cursor:pointer}.public-carousel-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 2px}.public-carousel-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-border)}.public-carousel-dots span.active{background:var(--color-accent)}.public-carousel-label{text-align:center;color:var(--color-text-secondary);font-size:13px;margin:4px 0 var(--space-3)}.public-note-bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px 14px 14px 4px;padding:12px 14px;margin-bottom:var(--space-4);font-size:13.5px;color:var(--color-text-secondary)}.public-note-bubble .who{font-size:11px;color:var(--color-text-muted);margin-bottom:4px;font-weight:600}.public-timeline-label{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:600;margin:var(--space-2) 0 var(--space-3)}.public-timeline-item{display:flex;gap:12px;padding-bottom:var(--space-4);position:relative}.public-timeline-item:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:0;width:2px;background:var(--color-border)}.public-timeline-dot{width:34px;height:34px;border-radius:50%;flex:none;background:var(--color-brand-accent);color:var(--color-accent-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.public-timeline-dot.current{background:var(--color-accent)}.public-timeline-dot.delivery{background:transparent;border:2px dashed var(--color-text-muted)}.public-timeline-body{flex:1;padding-top:4px;min-width:0}.public-timeline-title{font-weight:600;font-size:14px}.public-timeline-title.muted{color:var(--color-text-muted);font-weight:500}.public-timeline-thumbs{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.public-timeline-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;border:1px solid var(--color-border);cursor:pointer;flex:none}.public-timeline-note{margin-top:6px;font-size:12.5px;color:var(--color-text-secondary);font-style:italic}.response-placeholder{background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;font-size:var(--font-size-sm);margin-bottom:var(--space-5)}.history-item{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-2)}.history-item img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);flex:none;cursor:pointer}.request-summary-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.request-summary-header{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-3)}.request-summary-description{margin:0 0 var(--space-3);font-size:var(--font-size-base)}.request-summary-section{margin-bottom:var(--space-3)}.request-summary-character{padding:var(--space-2) 0 var(--space-2) var(--space-3);border-left:2px solid var(--color-border);margin-bottom:6px}.request-summary-character-name{font-weight:600}.request-summary-muted{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.request-summary-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);padding:4px 0}.request-summary-label{color:var(--color-text-secondary);flex:none}.request-summary-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-3)}.request-summary-chip{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--color-accent-soft);color:var(--color-accent)}.request-summary-total{border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3);font-weight:700}.link-inactive-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6);color:var(--color-text-secondary);background:var(--color-bg)}.markup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:1100;display:flex;flex-direction:column}.markup-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.markup-canvas-wrap{position:relative;max-width:100%;max-height:100%}.markup-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.markup-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.markup-toolbar{flex:none;background:#141414f2;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.markup-toolbar-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.markup-swatch{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}.markup-swatch.active{border-color:#fff}.markup-toolbar-divider{width:1px;height:24px;background:#fff3;margin:0 4px}.markup-width-btn{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.markup-width-btn.active{border-color:#fff}.markup-width-btn span{border-radius:50%;background:#fff;display:block}.markup-overlay-wrap{position:relative;display:inline-block;width:100%}.markup-overlay-wrap img.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.markup-toggle-btn{margin-top:4px;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.purged-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--color-input-bg);color:var(--color-text-muted);font-size:11px;padding:var(--space-2)}.skeleton{background:linear-gradient(90deg,var(--color-input-bg) 25%,var(--color-border) 37%,var(--color-input-bg) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.skeleton-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);margin-bottom:var(--space-3)}.skeleton-avatar{width:32px;height:32px;border-radius:50%;flex:none}.status-box{padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.status-box.ok{background:#2ea0431f;color:#2ea043}.status-box.warn{background:var(--color-warn-bg);color:var(--color-warn-fg)}