@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&family=Press+Start+2P&display=swap";.ui-glass-group{position:relative;display:inline-flex;align-items:center;gap:var(--ui-space-3);padding:var(--ui-space-2);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-panel-soft);box-shadow:var(--ui-shadow-soft);backdrop-filter:blur(var(--ui-blur-soft));-webkit-backdrop-filter:blur(var(--ui-blur-soft))}.ui-icon-button{border:1px solid var(--ui-color-border);background:var(--ui-color-panel-soft);color:var(--ui-color-ink);width:38px;height:38px;border-radius:var(--ui-control-radius);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--ui-transition-fast),box-shadow var(--ui-transition-fast);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.ui-icon-button:hover{transform:translateY(-1px);box-shadow:0 6px 12px #00000026}.ui-icon-button-danger{color:#a8382f;border-color:#a8382f59}.ui-card{position:relative;border:1px solid var(--ui-color-border);border-radius:var(--ui-surface-radius);padding:var(--ui-space-5);background:var(--ui-color-panel-soft);box-shadow:var(--ui-shadow-soft);overflow:hidden}.ui-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4)}.ui-card-title{font-weight:700;color:var(--ui-color-ink)}.ui-card-actions{display:flex;align-items:center;gap:var(--ui-space-3)}.ui-card-body{display:grid;gap:var(--ui-space-3)}.ui-card-ember{border-color:#ee848d6b;background:radial-gradient(130% 110% at 0% 0%,#ff5f7833,#ff5f7800 58%),radial-gradient(90% 80% at 100% 100%,#ff786224,#ff786200 62%),linear-gradient(180deg,#16090ce6,#10080bf0);box-shadow:0 0 0 1px #ff879624 inset,0 12px 28px #0602049e,0 0 22px #ff5a782e;color:#f7ecee;backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}.ui-card-ember:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#ff92a51f,#ff92a500 45%);pointer-events:none}.ui-card-ember .ui-card-title{color:#f7ecee;text-shadow:0 0 12px rgba(255,152,170,.25)}.ui-badge{display:inline-flex;align-items:center;border:1px solid rgba(53,85,122,.22);border-radius:var(--ui-radius-pill);padding:3px var(--ui-space-3);font-size:var(--ui-font-size-xs);line-height:1}.ui-dropdown-menu{min-width:248px;display:flex;flex-direction:column;gap:var(--ui-space-1);padding:var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-panel-glass);box-shadow:var(--ui-shadow-float),0 0 0 1px #ffffff0f inset;backdrop-filter:blur(var(--ui-blur-strong)) saturate(140%);-webkit-backdrop-filter:blur(var(--ui-blur-strong)) saturate(140%)}.ui-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-4);border:none;border-radius:9px;background:transparent;color:var(--ui-color-ink);text-align:left;padding:var(--ui-space-3) var(--ui-space-4);font:inherit;font-size:var(--ui-font-size-md);cursor:pointer}.ui-dropdown-item:hover{background:#00000014}[data-theme=dark] .ui-dropdown-item:hover{background:#ffffff1a}.ui-tooltip-anchor{display:inline-flex}.ui-tooltip-bubble{position:fixed;background:#1f1b16eb;color:#fff;padding:var(--ui-space-2) var(--ui-space-4);border-radius:var(--ui-radius-sm);font-size:var(--ui-font-size-xs);line-height:1.2;white-space:nowrap;pointer-events:none;z-index:var(--ui-z-tooltip, 1600);box-shadow:0 10px 18px #0003}.ui-tooltip-bubble:after{content:"";position:absolute;width:8px;height:8px;background:inherit;transform:rotate(45deg)}.ui-tooltip-bubble[data-placement=right]:after{left:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.ui-tooltip-bubble[data-placement=left]:after{right:-4px;top:50%;transform:translateY(-50%) rotate(45deg)}.ui-tooltip-bubble[data-placement=bottom]:after{top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.ui-tooltip-bubble[data-placement=top]:after{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.floating-panel{position:absolute;background:var(--panel-alpha-soft, rgba(255, 255, 255, .72));border:1px solid var(--border, rgba(0, 0, 0, .12));border-radius:var(--ui-modal-radius);padding:12px;box-shadow:var(--shadow, 0 10px 24px rgba(0, 0, 0, .16));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:2;max-width:360px;-webkit-user-select:none;user-select:none}.floating-panel.collapsed{padding:6px;background:#ffffffb3}[data-theme=dark] .floating-panel.collapsed{background:#181614b3}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;cursor:grab}.panel-header:active{cursor:grabbing}.panel-header h3{margin:0;font-size:15px}.panel-body{display:flex;flex-direction:column;gap:8px}.panel-icon{width:44px;height:44px;border-radius:14px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:#ffffffe6;color:var(--ink, #231d16);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}[data-theme=dark] .panel-icon{background:#1e1b18e6}.panel-icon svg{width:18px;height:18px}.panel-action{width:32px;height:32px;border-radius:10px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:#ffffffe6;color:var(--ink, #231d16);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}[data-theme=dark] .panel-action{background:#1e1b18e6}.panel-action svg{width:16px;height:16px}.floating-panel input,.floating-panel textarea{-webkit-user-select:text;user-select:text}.side-panel{position:absolute;top:0;right:0;height:100%;background:#ffffff9e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border, rgba(0, 0, 0, .12));display:grid;grid-template-columns:56px 1fr;z-index:3;box-shadow:-12px 0 32px #0000002e}.side-panel-resizer{position:absolute;left:-4px;top:0;width:8px;height:100%;cursor:ew-resize}.side-panel-tabs{display:flex;flex-direction:column;gap:8px;padding:12px 8px;border-right:1px solid var(--border, rgba(0, 0, 0, .12));align-items:center}.side-panel-tab{width:36px;height:36px;border-radius:12px;border:none;background:#efe6dc;color:var(--ink, #231d16);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.side-panel-tab svg,.side-panel-tab img{width:18px;height:18px}.side-panel-tab.active{background:var(--accent, #d45a3e);color:#fff;box-shadow:0 10px 20px #d45a3e47;transform:translateY(-1px)}.side-panel-body{padding:12px 12px 16px;overflow-y:auto}.side-panel-section h3{margin:0 0 12px;font-size:16px}.side-panel-content{display:flex;flex-direction:column;gap:12px}.side-sections{display:flex;flex-direction:column;gap:0}.side-section{border-top:1px solid var(--border, rgba(0, 0, 0, .12));padding:0}.side-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border:none;background:transparent;color:var(--ink, #231d16);font-size:13px;font-weight:600;cursor:grab}.side-section-toggle svg{width:16px;height:16px}.side-section-body{padding:8px 0 12px}.side-section-toggle.dragging{opacity:.6}.side-panel-empty{color:var(--muted, #6d645b);font-size:13px}.side-panel-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:34px;height:34px;border-radius:12px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:#efe6dc;color:var(--ink, #231d16);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:4}.side-panel-toggle svg{width:16px;height:16px}.side-panel-toggle.collapsed{right:8px}.side-panel-toggle-inline{left:-40px;right:auto}[data-theme=dark] .side-panel{background:#1c1a179e;box-shadow:-12px 0 32px #00000073}[data-theme=dark] .side-panel-tab,[data-theme=dark] .side-panel-toggle{background:#2a2520}.notification-toasts{position:fixed;left:12px;bottom:12px;z-index:var(--ui-z-toast, 1500);display:flex;flex-direction:column-reverse;gap:8px;max-width:min(360px,calc(100% - 24px))}.toast{border-radius:10px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:var(--panel-alpha-soft, rgba(255, 255, 255, .72));padding:8px 10px;box-shadow:0 10px 20px #00000029;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.toast-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.toast-head button{border:none;background:transparent;color:var(--muted, #6d645b);font-size:16px;line-height:1;cursor:pointer}.toast-body{font-size:13px;color:var(--ink, #231d16)}.toast-time{margin-top:6px;font-size:11px;color:var(--muted, #6d645b)}.toast-success{border-color:#3d936673}.toast-warning{border-color:#cd8f2573}.toast-error{border-color:#c4433780}.history-list{display:flex;flex-direction:column;gap:var(--ui-space-3)}.history-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-md);background:var(--ui-color-panel-soft);color:var(--ui-color-ink);padding:var(--ui-space-3) var(--ui-space-4);cursor:pointer;text-align:left}.history-item.disabled{opacity:.55;cursor:not-allowed}.history-main{display:flex;flex-direction:column;min-width:0}.history-title{font-size:var(--ui-font-size-md);font-weight:600}.history-detail{font-size:var(--ui-font-size-sm);color:var(--ui-color-muted)}.history-time{font-size:var(--ui-font-size-xs);color:var(--ui-color-muted);white-space:nowrap}.history-empty{color:var(--ui-color-muted);font-size:var(--ui-font-size-md)}.toolbar-group{position:relative;display:inline-flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--border, rgba(0, 0, 0, .12));border-radius:12px;background:var(--panel-alpha-soft, rgba(255, 255, 255, .72));box-shadow:0 10px 22px #0000001f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.template-menu-list{min-width:248px;display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--border, rgba(0, 0, 0, .12));border-radius:12px;background:var(--panel-alpha-soft, rgba(255, 255, 255, .72));box-shadow:0 10px 24px #00000029;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.template-menu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:none;border-radius:9px;background:transparent;color:var(--ink, #231d16);text-align:left;padding:8px 10px;font:inherit;font-size:13px;cursor:pointer}.template-menu-item:hover{background:#00000014}.wall-list{display:flex;flex-direction:column;gap:var(--ui-space-3)}.wall-list-item{border:1px solid var(--ui-color-border);border-radius:var(--ui-radius-lg);background:var(--ui-color-panel-soft);color:var(--ui-color-ink);padding:var(--ui-space-4);text-align:left}.wall-list-item.active{border-color:var(--ui-color-accent)}.wall-title{display:flex;align-items:center;gap:var(--ui-space-3)}.wall-name{font-weight:600}.wall-subtitle{font-size:var(--ui-font-size-sm);color:var(--ui-color-muted)}.wall-meta{display:flex;flex-wrap:wrap;gap:var(--ui-space-2) var(--ui-space-5);margin-top:var(--ui-space-2)}.wall-width{font-size:var(--ui-font-size-sm);color:var(--ui-color-muted)}.wall-empty{color:var(--ui-color-muted);font-size:var(--ui-font-size-md)}.ui-button{border:1px solid var(--border, rgba(0, 0, 0, .12));background:color-mix(in srgb,var(--panel, #fff) 86%,#ffffff 14%);color:var(--ink, #231d16);border-radius:var(--ui-control-radius);padding:8px 12px;font-size:13px;cursor:pointer}.ui-button-primary{background:linear-gradient(180deg,#d45a3e,#b7472d);border-color:#b7472d;color:#fff}.ui-button-danger{background:#f7ddd8;border-color:#d8aaa0;color:#8c2a1f}.ui-button-ghost{background:transparent}.ui-checkbox{display:inline-flex;align-items:center;gap:8px;color:var(--ink, #231d16);font-size:13px}.ui-checkbox input{position:absolute;opacity:0;pointer-events:none}.ui-checkbox-box{width:16px;height:16px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:color-mix(in srgb,var(--panel, #fff) 90%,#ffffff 10%);display:inline-block;position:relative;border-radius:4px}.ui-checkbox input:checked+.ui-checkbox-box:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #d45a3e;border-width:0 2px 2px 0;transform:rotate(45deg)}.ui-radio-group{display:inline-flex;gap:8px;flex-wrap:wrap}.ui-radio-item{display:inline-flex;align-items:center;gap:8px;color:var(--ink, #231d16);font-size:13px}.ui-radio-item input{position:absolute;opacity:0;pointer-events:none}.ui-radio-dot{width:16px;height:16px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:color-mix(in srgb,var(--panel, #fff) 90%,#ffffff 10%);display:inline-block;position:relative;border-radius:50%}.ui-radio-item input:checked+.ui-radio-dot:after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background:#d45a3e}.ui-chips{display:inline-flex;gap:8px;flex-wrap:wrap}.ui-chip{border:1px solid var(--border, rgba(0, 0, 0, .12));border-radius:999px;padding:6px 10px;font-size:12px;background:color-mix(in srgb,var(--panel, #fff) 90%,#ffffff 10%);color:var(--ink, #231d16);cursor:pointer}.ui-chip.active{background:#d45a3e;border-color:#d45a3e;color:#fff}.ui-input{width:100%;border:1px solid color-mix(in srgb,var(--border, rgba(0, 0, 0, .12)) 80%,#ffffff 20%);border-radius:var(--ui-control-radius);background:color-mix(in srgb,var(--panel, #fff) 88%,#ffffff 12%);color:var(--ink, #231d16);padding:7px 9px;font-size:13px}.ui-textarea{width:100%;border:1px solid color-mix(in srgb,var(--border, rgba(0, 0, 0, .12)) 80%,#ffffff 20%);border-radius:var(--ui-control-radius);background:color-mix(in srgb,var(--panel, #fff) 88%,#ffffff 12%);color:var(--ink, #231d16);padding:7px 9px;font-size:13px;min-height:90px;resize:vertical}.ui-select{position:relative;width:100%}.ui-select-trigger{width:100%;border:1px solid color-mix(in srgb,var(--border, rgba(0, 0, 0, .12)) 80%,#ffffff 20%);border-radius:var(--ui-control-radius);background:color-mix(in srgb,var(--panel, #fff) 88%,#ffffff 12%);color:var(--ink, #231d16);padding:7px 9px;font-size:13px;display:flex;align-items:center;justify-content:space-between}.ui-select-caret{opacity:.8}.ui-select-menu{position:absolute;top:calc(100% + 6px);left:0;width:100%;z-index:12}.ui-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);margin-bottom:var(--ui-space-3)}.ui-modal-header-title{margin:0;font-size:18px;line-height:1.2;color:var(--ui-color-ink)}.ui-modal-header-actions{display:inline-flex;align-items:center;gap:var(--ui-space-2)}.ui-context-menu{position:absolute;width:min(420px,calc(100vw - 24px));max-height:min(82vh,760px);overflow:auto;padding:12px;border-radius:14px;border:1px solid var(--border, rgba(0, 0, 0, .12));background:var(--panel-alpha-soft, rgba(255, 255, 255, .72));box-shadow:0 14px 26px #0000002e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:8}.ui-context-menu-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.ui-context-menu-section{margin-top:10px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--border, rgba(0, 0, 0, .12)) 66%,#ffffff 34%)}.ui-context-menu-title{margin-bottom:8px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted, #6d645b)}.ui-context-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ui-context-menu-form-row{display:flex;align-items:flex-end;gap:8px;margin-top:8px}.ui-context-menu-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid color-mix(in srgb,var(--border, rgba(0, 0, 0, .12)) 76%,#ffffff 24%);background:color-mix(in srgb,var(--panel, #fff) 82%,#ffffff 18%);color:var(--ink, #231d16);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ui-context-menu-action,.ui-context-menu-ghost{border:1px solid color-mix(in srgb,var(--border, rgba(0, 0, 0, .12)) 76%,#ffffff 24%);border-radius:10px;padding:8px 10px;background:color-mix(in srgb,var(--panel, #fff) 86%,#ffffff 14%);color:var(--ink, #231d16);font-size:12px;cursor:pointer}@media (max-width: 640px){.ui-context-menu{width:min(360px,calc(100vw - 16px));border-radius:14px;padding:10px}.ui-context-menu-grid{grid-template-columns:1fr}}:root{--ui-font-family: "Google Sans", "Product Sans", "Segoe UI", Arial, sans-serif;--ui-font-size-xs: 11px;--ui-font-size-sm: 12px;--ui-font-size-md: 13px;--ui-font-size-lg: 15px;--ui-space-1: 4px;--ui-space-2: 6px;--ui-space-3: 8px;--ui-space-4: 10px;--ui-space-5: 12px;--ui-space-6: 16px;--ui-radius-sm: 8px;--ui-radius-md: 10px;--ui-radius-lg: 12px;--ui-radius-xl: 14px;--ui-radius-2xl: 16px;--ui-radius-pill: 999px;--ui-blur-soft: 20px;--ui-blur-strong: 30px;--ui-transition-fast: .15s ease;--ui-control-radius: var(--ui-radius-md);--ui-surface-radius: var(--ui-radius-xl);--ui-modal-radius: var(--ui-radius-2xl);--ui-shadow-soft: 0 10px 24px rgba(0, 0, 0, .16);--ui-shadow-float: 0 14px 34px rgba(0, 0, 0, .22), 0 4px 12px rgba(0, 0, 0, .14);--ui-z-tooltip: 1600;--ui-z-toast: 1500;--border: rgba(0, 0, 0, .12);--ink: #231d16;--muted: #6d645b;--panel: #ffffff;--panel-alpha-soft: rgba(255, 255, 255, .72);--panel-alpha-glass: rgba(255, 255, 255, .26);--accent: #d45a3e;--accent-strong: #b7472d;--on-accent: #ffffff;--shadow: var(--ui-shadow-soft);--shadow-float: var(--ui-shadow-float);--ui-color-border: var(--border);--ui-color-ink: var(--ink);--ui-color-muted: var(--muted);--ui-color-panel: var(--panel);--ui-color-panel-soft: var(--panel-alpha-soft);--ui-color-panel-glass: var(--panel-alpha-glass);--ui-color-accent: var(--accent);--ui-color-accent-strong: var(--accent-strong);--ui-color-on-accent: var(--on-accent);--ui-border: var(--border);--ui-ink: var(--ink);--ui-panel-soft: var(--panel-alpha-soft);--ui-panel-glass: var(--panel-alpha-glass);--ui-shadow: var(--shadow)}[data-theme=dark]{--ui-font-family: "Google Sans", "Product Sans", "Segoe UI", Arial, sans-serif;--border: rgba(255, 255, 255, .15);--ink: #f4ede6;--muted: #b5a89a;--panel: #1e1b18;--panel-alpha-soft: rgba(28, 26, 23, .72);--panel-alpha-glass: rgba(24, 22, 20, .32);--accent: #d45a3e;--accent-strong: #b7472d;--on-accent: #ffffff;--ui-shadow-soft: 0 10px 24px rgba(0, 0, 0, .34);--ui-shadow-float: 0 16px 36px rgba(0, 0, 0, .42), 0 4px 12px rgba(0, 0, 0, .2)}[data-theme=claude]{--ui-font-family: "Google Sans", "Product Sans", "Segoe UI", Arial, sans-serif;--border: rgba(119, 93, 68, .24);--ink: #3a2f23;--muted: #7d6a58;--panel: #f7f1e7;--panel-alpha-soft: rgba(250, 244, 234, .66);--panel-alpha-glass: rgba(247, 238, 224, .34);--accent: #b16a3a;--accent-strong: #8f522d;--on-accent: #fffaf4;--ui-blur-soft: 24px;--ui-blur-strong: 34px;--ui-control-radius: 12px;--ui-surface-radius: 14px;--ui-modal-radius: 16px;--ui-shadow-soft: 0 8px 20px rgba(91, 60, 36, .18);--ui-shadow-float: 0 12px 28px rgba(98, 70, 41, .22), 0 2px 8px rgba(73, 47, 24, .12)}[data-theme=claude-dark]{--ui-font-family: "Google Sans", "Product Sans", "Segoe UI", Arial, sans-serif;--border: rgba(201, 166, 132, .26);--ink: #f2e8dc;--muted: #c0ab96;--panel: #2a2018;--panel-alpha-soft: rgba(44, 33, 25, .74);--panel-alpha-glass: rgba(52, 39, 29, .38);--accent: #cf8a58;--accent-strong: #a7693f;--on-accent: #20140e;--ui-blur-soft: 24px;--ui-blur-strong: 34px;--ui-control-radius: 12px;--ui-surface-radius: 14px;--ui-modal-radius: 16px;--ui-shadow-soft: 0 10px 24px rgba(0, 0, 0, .4);--ui-shadow-float: 0 16px 34px rgba(0, 0, 0, .46), 0 4px 12px rgba(0, 0, 0, .26)}[class^=ui-],[class*=" ui-"]{font-family:var(--ui-font-family)}.app-svg-icon{display:inline-flex;width:1em;height:1em;line-height:1;color:currentColor}.app-svg-icon>svg{width:100%;height:100%;display:block}.app-svg-icon>svg [fill]:not([fill=none]){fill:currentColor!important}.app-svg-icon>svg [stroke]:not([stroke=none]){stroke:currentColor!important}:root{--bg: #f7f6f3;--bg-elev: #fcfbf8;--paper: #ffffff;--line: #e7e3dc;--line-strong: #d9d3c9;--ink: #1f1d19;--muted: #6f6a62;--muted-soft: #8a847b;--accent: #d97a5f;--accent-ink: #fff8f6;--danger: #b34a3e;--ok: #1f7a55;--shadow-soft: 0 10px 28px rgba(39, 33, 26, .06);--shadow-card: 0 2px 10px rgba(39, 33, 26, .05);--ui-border: rgba(28, 26, 23, .14);--ui-ink: #1f1d19;--ui-panel-soft: rgba(255, 255, 255, .78);--ui-panel-glass: rgba(255, 255, 255, .4);--ui-shadow: 0 10px 24px rgba(39, 33, 26, .14)}:root[data-theme=claude]{color-scheme:light}:root[data-theme=claude-dark]{color-scheme:dark;--bg: #1a1815;--bg-elev: #211d18;--paper: #25211c;--line: #3a332a;--line-strong: #4a4136;--ink: #efe7de;--muted: #b0a79d;--muted-soft: #92877a;--accent: #d18a64;--accent-ink: #fef6ee;--danger: #d37668;--ok: #67bd95;--shadow-soft: 0 12px 30px rgba(0, 0, 0, .34);--shadow-card: 0 3px 14px rgba(0, 0, 0, .28);--ui-border: rgba(255, 255, 255, .14);--ui-ink: #efe7de;--ui-panel-soft: rgba(38, 33, 28, .78);--ui-panel-glass: rgba(33, 29, 24, .52);--ui-shadow: 0 10px 24px rgba(0, 0, 0, .32)}*{box-sizing:border-box}button,a,[role=button],.btn,.icon-btn,.chip-btn,.ui-button,.ui-icon-button,.ui-chip,.ui-dropdown-item,.ui-select-trigger{user-select:none;-webkit-user-select:none}html,body,#root{min-height:100%}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1200px 480px at 75% -240px,#f2ebe2,#f2ebe200 72%),linear-gradient(180deg,#f9f8f5 0%,var(--bg) 45%,#f6f4f0 100%)}:root[data-theme=claude-dark] body{background:radial-gradient(1200px 520px at 85% -280px,#2a2219,#2a221900 70%),linear-gradient(180deg,#1a1815 0%,var(--bg) 46%,#181613 100%)}.page{max-width:1120px;margin:0 auto;padding:22px 16px 40px}.top-right-controls{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:420;display:inline-flex;align-items:center;gap:8px}.hero{margin-top:24vh;margin-bottom:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.hero-brand{display:inline-flex;align-items:center;justify-content:center;gap:14px}.hero-copy{display:grid;text-align:left}.hero-logo{width:clamp(56px,9vw,88px);height:clamp(56px,9vw,88px);object-fit:cover}.hero-actions{display:inline-flex;align-items:center;gap:8px}.auth-screen{max-width:420px;margin:18vh auto 0;display:grid;gap:10px}.auth-screen h1{margin:0}.auth-screen p{margin:0;color:var(--muted);font-size:13px}.auth-layout{max-width:560px;margin:0 auto}.auth-card{display:grid;gap:12px;background:radial-gradient(140% 140% at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%),var(--paper)}.auth-card h2{margin:0;font-size:22px;letter-spacing:-.02em}.auth-card p{margin:0;color:var(--muted);font-size:13px}.auth-fields{display:grid;gap:8px}.auth-toolbar .btn{min-width:140px}.auth-status{min-height:18px}.theme-toggle{min-width:136px}.theme-toggle.compact{min-width:0;width:38px;height:38px;padding:0}.hero h1{margin:0;font-size:clamp(30px,4vw,42px);letter-spacing:-.03em;font-weight:800}.hero-title-pixel{font-family:"Press Start 2P",monospace;font-size:clamp(16px,2vw,24px);letter-spacing:.03em;line-height:1.25;text-transform:uppercase}.hero p{margin:0;color:var(--muted);font-size:14px}.top-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.top-actions .ui-tip-wrap{display:flex;width:100%}.top-actions .btn{flex:1 1 auto;width:100%}.user-menu{position:relative}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:260;min-width:220px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow-soft);padding:10px;display:grid;gap:10px}.user-dropdown-head{display:flex;align-items:center;gap:8px}.user-name{font-weight:700;font-size:13px}.user-role{font-size:12px;color:var(--muted)}.user-dropdown-actions{display:grid;gap:8px}.cards{display:grid;gap:10px;padding-bottom:92px}.bottom-dock{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:180;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(960px,100% - 20px);padding:0}.admin-hero{margin-top:10px;margin-bottom:12px;align-items:flex-start;text-align:left}.admin-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-metric-card{display:grid;gap:6px;background:radial-gradient(120% 100% at 100% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 62%),var(--paper)}.admin-metric-label{font-size:12px;color:var(--muted)}.admin-metric-value{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1}.admin-section{display:grid;gap:8px;margin-bottom:12px}.admin-section-head{display:grid;gap:2px}.admin-section-head h2{margin:0;font-size:16px;letter-spacing:-.01em}.admin-section-head p{margin:0;font-size:12px;color:var(--muted)}.admin-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-tool-card{border:1px solid var(--line);border-radius:16px;background:radial-gradient(120% 130% at 100% 0%,rgba(217,122,95,.13),transparent 60%),var(--paper);box-shadow:var(--shadow-card);padding:12px;text-align:left;display:grid;gap:6px;cursor:pointer;color:var(--ink)}.admin-tool-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.admin-tool-icon{width:30px;height:30px;border-radius:10px;border:1px solid color-mix(in srgb,var(--line) 80%,#ffffff 20%);display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--paper) 82%,#ffffff 18%)}.admin-tool-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.admin-tool-text{font-size:12px;color:var(--muted);line-height:1.35}.admin-panel-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-bottom:8px}.admin-status{margin-bottom:10px}.admin-users-list{padding-bottom:0}.admin-user-card{display:grid;gap:10px}.admin-user-head{align-items:flex-start}.admin-user-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-action-group{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--paper) 92%,transparent)}.admin-action-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.sub-card{border:1px solid var(--line);border-radius:16px;padding:13px;background:var(--paper);box-shadow:var(--shadow-card)}.sub-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.sub-name{font-weight:700;font-size:15px;letter-spacing:-.01em}.sub-name-btn{border:none;padding:0;background:transparent;color:inherit;cursor:pointer;text-align:left;font:inherit}.sub-name-btn:hover{text-decoration:underline;text-underline-offset:2px}.sub-url{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#50677f;word-break:break-all;margin-top:7px;line-height:1.45}.sub-url a{color:inherit;text-decoration:none}.overrides-layout{display:grid;gap:12px}.overrides-pane{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(120% 120% at 100% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 62%),var(--paper)}.overrides-preview{display:grid;gap:8px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper) 92%,transparent)}.labels{margin-top:9px;display:flex;gap:6px;flex-wrap:wrap}.label{border:1px solid #ddd6ca;border-radius:999px;padding:3px 9px;font-size:11px;color:#655f58;background:#faf8f4}:root[data-theme=claude-dark] .label{border-color:#4a4135;color:#bfb3a7;background:#2d2822}.btn,select,input,textarea{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--paper);color:var(--ink);font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}input::placeholder,textarea::placeholder{color:#a1988d}input:focus,select:focus,textarea:focus,.btn:focus-visible,.icon-btn:focus-visible{outline:none;border-color:#c9b9a5;box-shadow:0 0 0 3px #d97a5f1f}textarea{min-height:116px;resize:vertical;font-family:IBM Plex Mono,monospace;line-height:1.45}.btn{cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:400;background:#fffdfa}.btn:hover{background:#f9f7f2;border-color:var(--line-strong)}:root[data-theme=claude-dark] .btn,:root[data-theme=claude-dark] select,:root[data-theme=claude-dark] input,:root[data-theme=claude-dark] textarea{background:#28231d}:root[data-theme=claude-dark] .btn:hover{background:#2f2922}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#c9684c}.btn.primary:hover{background:#cb6d52}.btn-icon{width:17px;height:17px;flex:0 0 auto;vector-effect:non-scaling-stroke}.icon-btn{width:34px;height:34px;padding:0;border:1px solid var(--line);background:#fffdfa;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:#f9f7f2}.icon-btn.danger{color:var(--danger)}.toolbar{display:flex;flex-wrap:wrap;gap:8px}.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.share-page{display:grid;gap:10px}.share-centered-title{margin:0;text-align:center}.sub-info{border:1px solid var(--line);border-radius:16px;padding:12px;display:grid;gap:10px;background:color-mix(in srgb,var(--paper) 90%,transparent)}.sub-info-head{display:grid;gap:2px}.sub-info-head-toggle{width:100%;border:none;padding:0;background:transparent;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.sub-info-title-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.sub-info-status-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto;background:#d18a64;box-shadow:0 0 0 3px color-mix(in srgb,#d18a64 24%,transparent)}.sub-info-status-dot.active{background:#2fb66a;box-shadow:0 0 0 3px color-mix(in srgb,#2fb66a 24%,transparent)}.sub-info-status-dot.expired{background:#d65b5b;box-shadow:0 0 0 3px color-mix(in srgb,#d65b5b 24%,transparent)}.sub-info-title{font-size:20px;line-height:1.1;font-weight:700;letter-spacing:-.02em}.sub-info-caret{color:var(--muted);transition:transform .16s ease;transform:rotate(-90deg)}.sub-info-caret.open{transform:rotate(0)}.sub-info-sub{font-size:12px;color:var(--muted)}.sub-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sub-info-grid.collapsed{display:none}.sub-info-item{border:1px solid var(--line);border-radius:11px;padding:9px 10px;display:grid;gap:4px;background:color-mix(in srgb,var(--paper) 92%,transparent)}.sub-info-label{font-size:11px;color:var(--muted)}.sub-info-value{font-size:14px;font-weight:600;letter-spacing:-.01em}.sub-info-loading{min-height:64px;display:grid;align-items:center}.share-os-row{display:grid;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:10px}.share-connect-title{font-size:16px;font-weight:800;line-height:1;white-space:nowrap}.share-os-dropdown{position:relative}.share-os-trigger{width:100%;display:flex;align-items:center;justify-content:space-between}.share-os-trigger-left{display:inline-flex;align-items:center;gap:8px}.share-os-caret{transition:transform .16s ease}.share-os-caret.open{transform:rotate(180deg)}.share-os-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow-soft);padding:6px;display:grid;gap:4px}.share-os-item{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);padding:8px;text-align:left;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.share-os-item:hover,.share-os-item.active{border-color:var(--line);background:color-mix(in srgb,var(--paper) 75%,var(--bg))}.share-os-icon{width:16px;height:16px}.share-actions .btn{width:100%}.share-actions.share-actions-apps{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.share-app-btn{min-height:44px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:8px;padding-right:48px}.share-app-btn.active{border-color:#d39357;background:color-mix(in srgb,#ffd36f 18%,var(--paper))}.share-app-btn.disabled{opacity:.52;cursor:not-allowed}.share-app-tip-wrap{width:100%}.share-app-name{display:inline-flex;align-items:flex-start;gap:2px;font-weight:600}.share-rec-star{color:#f2ba2f;line-height:1;font-size:10px;margin-left:2px}.share-app-icon-wrap{position:absolute;right:0;top:0;bottom:0;width:46px;display:inline-flex;align-items:center;justify-content:center;opacity:.3;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.85) 32%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.85) 32%,#000 100%);pointer-events:none}.share-app-icon{width:30px;height:30px;color:color-mix(in srgb,var(--ink) 72%,transparent)}.share-app-btn.active .share-app-icon-wrap{opacity:.42}.share-guide{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:8px;background:color-mix(in srgb,var(--paper) 94%,transparent)}.share-guide h3{margin:4px 0 0;font-size:14px}.share-guide p{margin:0;white-space:pre-line;line-height:1.45}.share-timeline{display:grid;gap:12px}.share-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px}.share-step-rail{display:grid;justify-items:center;align-content:start}.share-step-dot{width:38px;height:38px;border-radius:999px;border:1px solid color-mix(in srgb,#25c7dc 45%,var(--line));background:color-mix(in srgb,#25c7dc 16%,var(--paper));display:inline-flex;align-items:center;justify-content:center;color:#16b7cb}.share-step-icon{width:18px;height:18px}.share-step-line{width:2px;height:100%;min-height:18px;margin-top:6px;background:linear-gradient(180deg,#25c7dc,color-mix(in srgb,#25c7dc 28%,transparent))}.share-step-content{display:grid;gap:8px}.share-install-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.share-link-btn,.share-add-btn{text-decoration:none;justify-content:flex-start;white-space:normal}.share-links-toggle{display:grid}.share-links-block{display:grid;gap:8px}.share-server-box{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--paper) 95%,transparent)}.composer-help{margin:0;font-size:12px;color:var(--muted)}.mock-layout,.app-test-layout{display:grid;gap:10px}.app-test-step{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--paper) 93%,transparent);opacity:.72}.app-test-step.active{opacity:1;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.app-test-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mock-section{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--paper) 93%,transparent)}.sub-users-layout{display:grid;gap:10px}.sub-users-policy{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:8px;background:color-mix(in srgb,var(--paper) 93%,transparent)}.sub-users-summary{display:flex;gap:6px;flex-wrap:wrap}.sub-users-list,.sub-user-card{display:grid;gap:8px}.sub-user-history{display:grid;gap:6px}.sub-user-history-item{border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:4px;background:color-mix(in srgb,var(--paper) 95%,transparent)}.share-access-card{margin-top:16px;display:grid;gap:10px}.share-access-list{display:grid;gap:10px}.share-access-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-access-row select{min-width:120px}.editor-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.editor-pane{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 92%,transparent);padding:10px;display:grid;gap:10px}.profile-form-card{border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;gap:10px;background:color-mix(in srgb,var(--paper) 94%,transparent)}.profile-headers-list{display:grid;gap:8px}.profile-header-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.editor-heading{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.composer-label{font-size:12px;color:var(--muted);margin-top:2px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.ui-tip-wrap{display:inline-flex}.url-row,.hwid-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.chip-toggle{min-width:68px;height:32px;padding:5px 10px}.composer-meta-hint{margin-top:6px;font-size:12px;color:var(--muted)}.composer-original-link{display:block;margin-top:6px;padding:0;border:0;background:transparent;color:var(--muted);font-size:12px;text-align:left;cursor:pointer;text-decoration:underline}.happ-decrypt-dialog{display:grid;gap:10px}.merge-list{display:grid;gap:8px;max-height:320px;overflow:auto}.merge-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.merge-item-main{display:grid;gap:4px}.merge-item-sub{font-size:12px;color:var(--muted)}.bulk-import-preview{display:grid;gap:8px;max-height:360px;overflow:auto}.bulk-import-item{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.bulk-import-title{font-size:13px;font-weight:600}.bulk-import-sub{margin-top:4px;font-size:12px;color:var(--muted)}.bulk-import-fields{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:6px;font-size:12px;color:var(--muted)}.chip-btn{border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:12px;line-height:1;color:var(--ink);background:var(--paper);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.chip-btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.chip-btn.active{border-color:color-mix(in srgb,var(--accent) 78%,#ffffff 22%);background:color-mix(in srgb,var(--accent) 20%,var(--paper) 80%)}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#19151161;padding:14px;overflow:auto}.ui-modal-panel{max-width:920px;margin:24px auto;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg-elev) 72%,transparent 28%);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px) saturate(108%);-webkit-backdrop-filter:blur(14px) saturate(108%);padding:14px;display:grid;gap:10px;max-height:calc(100dvh - 48px);overflow:auto;align-content:start}.ui-modal-panel h2{margin:2px 0 4px;font-size:20px;letter-spacing:-.02em}.row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-form h2{margin:0 0 10px;font-size:14px}.status{font-size:12px;color:var(--muted-soft)}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{border:1px solid var(--line);border-radius:13px;padding:11px;display:grid;gap:8px;background:#fffefb}:root[data-theme=claude-dark] .result,:root[data-theme=claude-dark] .json,:root[data-theme=claude-dark] .qr{background:#28231d}:root[data-theme=claude-dark] .chip-btn{background:#2a241e}:root[data-theme=claude-dark] .chip-btn.active{border-color:#c88967;background:#d18a643d}:root[data-theme=claude-dark] .ui-modal-overlay{background:#0a09087a}.result strong{font-size:13px;letter-spacing:-.01em}.app-test-summary-grid .result div{word-break:break-word}.json{font-family:IBM Plex Mono,monospace;font-size:11.5px;white-space:pre-wrap;border:1px solid var(--line);border-radius:13px;padding:11px;max-height:340px;overflow:auto;background:#fffefb;line-height:1.45}.qr{border:1px dashed #d8d0c5;border-radius:14px;display:grid;place-items:center;padding:14px;background:#fffdf9}.qr img{width:min(100%,320px);height:auto;border-radius:10px}:root[data-theme=claude-dark] .ui-dropdown-item:hover,:root[data-theme=claude-dark] .floating-panel.collapsed,:root[data-theme=claude-dark] .panel-icon,:root[data-theme=claude-dark] .panel-action,:root[data-theme=claude-dark] .side-panel,:root[data-theme=claude-dark] .side-panel-tab,:root[data-theme=claude-dark] .side-panel-toggle{background:#2a2520}:root[data-theme=claude-dark] .ui-dropdown-item:hover{background:#ffffff1a}:root[data-theme=claude-dark] .floating-panel.collapsed{background:#181614b3}:root[data-theme=claude-dark] .side-panel{background:#1c1a179e;box-shadow:-12px 0 32px #00000073}.hx-card,.hx-button,.hx-input,.hx-textarea,.hx-select,.hx-badge,.hx-icon-button{font-family:Manrope,Segoe UI,sans-serif!important}@media (max-width: 900px){.ui-modal-overlay{padding:0}.ui-modal-panel{margin:0;max-width:100%;max-height:100dvh;min-height:100dvh;border-radius:0;border-left:none;border-right:none}.hero{margin-top:18vh}.top-actions,.row,.result-grid,.editor-layout,.share-actions,.share-install-links,.admin-tools-grid,.admin-overview,.admin-panel-grid,.admin-user-actions-grid{grid-template-columns:1fr}.auth-layout{max-width:100%}.auth-card{border-radius:14px}.share-os-row{grid-template-columns:auto minmax(140px,1fr);gap:8px;align-items:center}.share-actions.share-actions-apps{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.sub-info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.sub-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.sub-info-grid{grid-template-columns:1fr}}
