.account-menu-root[data-v-bc8148fb]{flex:none;position:relative}.header-more-button[data-v-bc8148fb],.header-login-button[data-v-bc8148fb]{border:1px solid var(--v4-line);min-height:38px;color:var(--v4-text);background:var(--v4-surface-2);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s;display:inline-flex}.header-more-button[data-v-bc8148fb]:hover,.header-login-button[data-v-bc8148fb]:hover,.header-more-button[aria-expanded=true][data-v-bc8148fb]{border-color:var(--v4-line-strong);background:var(--v4-surface-3)}.header-more-button svg[data-v-bc8148fb]{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:17px;height:17px}.account-menu-popover[data-v-bc8148fb]{z-index:70;border:1px solid var(--v4-line);width:292px;color:var(--v4-text);background:var(--v4-surface-2);box-shadow:var(--v4-shadow);border-radius:8px;padding:8px;position:absolute;top:calc(100% + 10px);right:0}.account-menu-link[data-v-bc8148fb]{width:100%;min-height:42px;color:var(--v4-text);text-align:left;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:14px;display:flex}.account-menu-link[data-v-bc8148fb]:hover{background:var(--v4-surface-3)}.account-menu-link svg[data-v-bc8148fb]{fill:none;width:16px;height:16px;stroke:var(--v4-muted);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.account-menu-link.danger[data-v-bc8148fb]{color:var(--v4-error)}.account-menu-divider[data-v-bc8148fb]{background:var(--v4-line);height:1px;margin:6px 4px}.account-menu-enter-active[data-v-bc8148fb],.account-menu-leave-active[data-v-bc8148fb]{transform-origin:100% 0;transition:opacity .14s,transform .14s}.account-menu-enter-from[data-v-bc8148fb],.account-menu-leave-to[data-v-bc8148fb]{opacity:0;transform:translateY(-4px)scale(.98)}@media (width<=820px){.account-menu-root[data-v-bc8148fb]{margin-left:2px}.header-more-button[data-v-bc8148fb],.header-login-button[data-v-bc8148fb]{min-height:42px;padding:0 10px}}@media (width<=520px){.header-more-button[data-v-bc8148fb]{width:42px;padding:0}.header-more-button>span[data-v-bc8148fb]{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-menu-popover[data-v-bc8148fb]{width:auto;max-height:calc(100dvh - 72px);position:fixed;top:64px;left:8px;right:8px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.account-menu-enter-active[data-v-bc8148fb],.account-menu-leave-active[data-v-bc8148fb]{transition:none}}.soft-bead[data-v-318c2713]{background:radial-gradient(at 25% 12%,#fff 0%,#ede6f8 22%,#cbbce3 68%,#b19bce 100%);border:1px solid #ffffffa6;border-radius:26px 27px 23px 24px;flex:0 0 60px;width:60px;height:66px;display:inline-block;position:relative;box-shadow:inset 3px 3px 7px #ffffffa6,inset -3px -4px 7px #70559526,0 8px 15px #624b7e26}.soft-bead-hole[data-v-318c2713]{background:#c7b8dc;border-radius:50%;width:19px;height:11px;position:absolute;top:9px;left:20px;box-shadow:inset 0 2px 4px #58416f33,0 1px 1px #fff}.soft-bead-face[data-v-318c2713]{border-bottom:1.5px solid #655277;border-radius:0 0 50% 50%;width:9px;height:5px;position:absolute;top:44px;left:25px}.soft-bead-face[data-v-318c2713]:before,.soft-bead-face[data-v-318c2713]:after{content:"";background:#655277;border-radius:50%;width:3px;height:4px;position:absolute;top:-6px}.soft-bead-face[data-v-318c2713]:before{left:-9px}.soft-bead-face[data-v-318c2713]:after{right:-9px}.info-page[data-v-1545b8d5]{background:0 0;min-height:calc(100dvh - 62px);padding:44px 24px 72px}.info-page-inner[data-v-1545b8d5]{width:min(760px,100%);margin:0 auto}.info-page-back[data-v-1545b8d5]{min-height:36px;color:var(--v4-text-2);background:0 0;border-radius:7px;align-items:center;gap:5px;margin-bottom:32px;padding:0 8px 0 4px;font-size:13px;display:inline-flex}.info-page-back[data-v-1545b8d5]:hover{color:var(--v4-text);background:var(--v4-surface-3)}.info-page-back svg[data-v-1545b8d5]{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.info-page .eyebrow[data-v-1545b8d5]{color:var(--v4-accent-ink);letter-spacing:0;margin-bottom:8px}.info-page h1[data-v-1545b8d5]{color:var(--v4-text);letter-spacing:0;margin:0;font-size:30px;line-height:1.25}.info-page-empty[data-v-1545b8d5]{border:1px solid var(--v4-line);background:var(--ui-glass);min-height:220px;color:var(--v4-muted);border-radius:20px;place-content:center;justify-items:center;gap:12px;margin-top:30px;display:grid}.info-page-empty-mark[data-v-1545b8d5]{border:1px solid var(--v4-line-strong);background:var(--v4-surface-3);width:34px;height:34px;box-shadow:inset 0 0 0 8px var(--v4-surface-2);border-radius:7px}.info-page-empty h2[data-v-1545b8d5]{color:var(--v4-text-2);letter-spacing:0;margin:0;font-size:15px;font-weight:600}@media (width<=680px){.info-page[data-v-1545b8d5]{min-height:calc(100dvh - 56px);padding:28px 16px 48px}.info-page-back[data-v-1545b8d5]{margin-bottom:24px}.info-page h1[data-v-1545b8d5]{font-size:25px}}.mine-assets-entry[data-v-936a2c68]{text-align:left;color:#58416f;cursor:pointer;width:100%;font:inherit;background:linear-gradient(135deg,#eee7f7,#faf6ef);border:1px solid #dfd5e7;border-radius:14px;gap:8px;margin:10px 0 20px;padding:16px;display:grid}.mine-assets-entry span[data-v-936a2c68]{font-size:13px}.mine-assets-entry b[data-v-936a2c68]{font-variant-numeric:tabular-nums;margin-left:8px;font-size:24px}.mine-assets-entry small[data-v-936a2c68]{color:#79658e;font-size:12px}.mine-assets-entry[data-v-936a2c68]:focus-visible{outline-offset:3px;outline:2px solid #a185c3}.ai-entry-card[data-v-9801b006]{color:#58416f;text-align:left;cursor:pointer;background:linear-gradient(115deg,#eee6f6,#faf3ed);border:1px solid #ded2e7;border-radius:16px;align-items:center;gap:16px;width:100%;margin:0 0 20px;padding:18px 20px;transition:transform .16s;display:flex}.ai-entry-card[data-v-9801b006]:active{transform:translateY(1px)}.ai-entry-card>span[data-v-9801b006]:nth-child(2){flex:1;gap:5px;display:grid}.ai-entry-card strong[data-v-9801b006]{font-size:17px}.ai-entry-card small[data-v-9801b006]{color:#82758e;font-size:12px}.ai-entry-symbol[data-v-9801b006]{color:#9c7cb8;background:#fcf9f6;border-radius:14px;place-items:center;width:46px;height:46px;font-size:26px;display:grid;box-shadow:0 3px 10px #7960a417}.ai-entry-card[data-v-9801b006]:focus-visible{outline-offset:3px;outline:2px solid #7960a4}.ai-quota[data-v-5f754afd]{color:#716678;border-top:1px solid #e1d7e7;margin-top:20px;padding-top:16px;font-size:12px}.ai-quota>div[data-v-5f754afd]{justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-quota b[data-v-5f754afd]{color:#58416f;margin:0 3px;font-size:21px}.ai-quota a[data-v-5f754afd]{color:#7960a4;font-size:11px;text-decoration:none}.ai-quota p[data-v-5f754afd]{margin:8px 0;line-height:1.6}.ai-quota small[data-v-5f754afd]{font-size:11px;line-height:1.7;display:block}.ai-quota+button[data-v-5f754afd]{margin-top:12px}.ai-quota button[data-v-5f754afd]{color:#7960a4;background:0 0;border:0;padding:8px;text-decoration:underline}.ai-page[data-v-5f754afd]{max-width:1240px;color:var(--ui-ink,#3f3849);margin:0 auto;padding:24px 28px 60px}.ai-heading[data-v-5f754afd]{padding:0 0 28px}.ai-heading h1[data-v-5f754afd]{letter-spacing:-1px;margin:6px 0 10px;font-size:32px}.ai-heading p[data-v-5f754afd]{color:#716678;margin:6px 0}.ai-heading .ai-eyebrow[data-v-5f754afd]{color:#7960a4;margin-top:22px;font-size:12px}.ai-back[data-v-5f754afd]{color:#655c6c;background:0 0;border:0;padding:0}.ai-layout[data-v-5f754afd]{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.ai-settings[data-v-5f754afd]{background:#fcf9f6;border:1px solid #e6dfe5;border-radius:20px;padding:24px}.ai-settings fieldset[data-v-5f754afd]{border:0;min-width:0;padding:0}.ai-section-title[data-v-5f754afd]{align-items:center;gap:10px;margin:26px 0 16px;display:flex}.ai-section-title[data-v-5f754afd]:first-child{margin-top:0}.ai-section-title span[data-v-5f754afd]{color:#7960a4;background:#e8e1f6;border-radius:6px;padding:4px 6px;font-size:11px}.ai-section-title h2[data-v-5f754afd],.ai-preview h2[data-v-5f754afd]{margin:0;font-size:16px}.ai-upload[data-v-5f754afd]{cursor:pointer;background:#f4eef4;border:1px dashed #b9abc7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:160px;display:flex;position:relative;overflow:hidden}.ai-upload input[data-v-5f754afd]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ai-upload[data-v-5f754afd]:focus-within{outline-offset:3px;outline:3px solid #aa95cc}.ai-upload img[data-v-5f754afd]{object-fit:contain;background:#f5f0eb;width:100%;height:176px}.ai-upload.has-image[data-v-5f754afd]{padding-bottom:10px}.ai-upload-art[data-v-5f754afd]{color:#b39dce;font-size:38px}.ai-upload small[data-v-5f754afd]{color:#716678;font-size:11px}.ai-field[data-v-5f754afd]{flex-direction:column;gap:7px;margin-top:16px;font-size:12px;font-weight:600;display:flex}.ai-field input[data-v-5f754afd]:not([type=range]),.ai-field select[data-v-5f754afd],.ai-search[data-v-5f754afd]{box-sizing:border-box;color:#3f3849;width:100%;min-height:42px;font:inherit;background:#fffdfb;border:1px solid #ddd4df;border-radius:9px;padding:9px 12px;font-size:14px}.ai-size[data-v-5f754afd]{grid-template-columns:1fr 20px 1fr;align-items:end;gap:8px;display:grid}.ai-size>span[data-v-5f754afd]{color:#aaa;align-self:end;padding:12px 0}.ai-presets[data-v-5f754afd]{gap:6px;display:flex}.ai-presets button[data-v-5f754afd]{color:#655c6c;background:0 0;border:1px solid #ded5e1;border-radius:7px;padding:7px 12px;font-size:12px}.ai-presets button[aria-pressed=true][data-v-5f754afd]{color:#58416f;background:#e8e1f6;border-color:#ad95c6}.ai-hint[data-v-5f754afd]{color:#796f80;font-size:12px;font-weight:400;line-height:1.65}.ai-switch[data-v-5f754afd]{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.ai-switch span[data-v-5f754afd]{gap:4px;font-size:13px;display:grid}.ai-switch small[data-v-5f754afd]{color:#796f80;font-size:11px}.ai-switch input[data-v-5f754afd]{accent-color:#7960a4;width:20px;height:20px}.ai-palette-heading[data-v-5f754afd]{justify-content:space-between;align-items:center;margin:16px 0 10px;font-size:12px;display:flex}.ai-palette-heading button[data-v-5f754afd]{color:#7960a4;background:0 0;border:0;padding:6px;font-size:12px}.ai-palette[data-v-5f754afd]{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;max-height:220px;margin-top:10px;padding:3px;display:grid;overflow:auto}.ai-swatch[data-v-5f754afd]{color:#716678;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-items:center;gap:4px;padding:6px 2px;font-size:10px;display:grid;position:relative}.ai-swatch i[data-v-5f754afd]{border-radius:50%;place-items:center;width:25px;height:25px;display:grid;box-shadow:inset 0 0 0 1px #00000015}.ai-swatch i span[data-v-5f754afd]{color:#fff;background:#58416fcc;border-radius:50%;place-items:center;width:14px;height:14px;font-size:10px;font-style:normal;display:grid}.ai-swatch input[data-v-5f754afd]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ai-swatch[data-v-5f754afd]:focus-within{outline:2px solid #7960a4}.ai-swatch.chosen[data-v-5f754afd]{background:#f0eaf3;border-color:#e2d8e9}.ai-range[data-v-5f754afd]{display:block}.ai-range strong[data-v-5f754afd]{float:right;color:#7960a4}.ai-range input[data-v-5f754afd]{accent-color:#7960a4;width:100%;margin:12px 0 0;display:block}.ai-primary[data-v-5f754afd]{box-shadow:inset 0 1px #ffffff30,0 4px 12px #7960a422;color:#fff!important;background:#7960a4!important;border:1px solid #7960a4!important}.ai-generate[data-v-5f754afd]{border-radius:11px;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding:14px 17px;font-size:14px;font-weight:600;display:flex}.ai-preview[data-v-5f754afd]{background:#fcf9f6;border:1px solid #e5dfe6;border-radius:20px;padding:22px;position:sticky;top:24px;overflow:hidden}.ai-preview-heading[data-v-5f754afd]{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.ai-preview-heading>span[data-v-5f754afd]{color:#82758e;font-size:11px}.ai-empty[data-v-5f754afd],.ai-wait[data-v-5f754afd]{text-align:center;background:radial-gradient(at 40% 35%,#ede6f3 0%,#f7f0ed 55%,#faf7f4 100%);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:20px;display:flex}.ai-empty>span[data-v-5f754afd]{color:#b3a0cd;font-size:70px;line-height:1.4}.ai-empty h3[data-v-5f754afd],.ai-wait h3[data-v-5f754afd]{margin:18px 0 6px;font-size:20px;font-weight:600}.ai-empty p[data-v-5f754afd],.ai-wait p[data-v-5f754afd]{color:#82758e;font-size:13px;line-height:1.8}.ai-empty small[data-v-5f754afd],.ai-wait small[data-v-5f754afd]{color:#8a7e92;margin:20px 0;font-size:11px}.ai-canvas-wrap[data-v-5f754afd]{background-color:#fffdfb;background-image:linear-gradient(45deg,#eee8ef 25%,#0000 25%),linear-gradient(-45deg,#eee8ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee8ef 75%),linear-gradient(-45deg,#0000 75%,#eee8ef 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-radius:10px;max-height:540px;overflow:auto}.ai-canvas-wrap canvas[data-v-5f754afd]{width:100%;max-width:none;height:auto;image-rendering:pixelated;display:block}.ai-stat-row[data-v-5f754afd]{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.ai-stat-row>span[data-v-5f754afd]{color:#82758e;gap:4px;font-size:11px;display:grid}.ai-stat-row b[data-v-5f754afd]{color:#3f3849;font-variant-numeric:tabular-nums;font-size:20px}.ai-used-colors[data-v-5f754afd]{flex-wrap:wrap;gap:7px;display:flex}.ai-used-colors>span[data-v-5f754afd]{background:#f1ebf0;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:10px;display:flex}.ai-used-colors i[data-v-5f754afd]{border:1px solid #0001;border-radius:50%;width:14px;height:14px}.ai-used-colors b[data-v-5f754afd]{color:#82758e;font-weight:500}.ai-zoom[data-v-5f754afd]{color:#716678;align-items:center;gap:14px;font-size:12px;display:flex}.ai-zoom input[data-v-5f754afd]{accent-color:#7960a4;flex:1}.ai-result-actions[data-v-5f754afd]{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.ai-result-actions button[data-v-5f754afd]{text-align:left;color:#58416f;background:#f6f0f4;border:1px solid #ddd4df;border-radius:10px;gap:5px;padding:14px 12px;display:grid}.ai-result-actions strong[data-v-5f754afd]{font-size:14px}.ai-result-actions small[data-v-5f754afd]{opacity:.85;font-size:10px;font-weight:400}.ai-error[data-v-5f754afd]{color:#965449;background:#f8e7e4;border:1px solid #e5c3bb;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.6}.ai-page button[data-v-5f754afd]{cursor:pointer;transition:transform .16s,background .16s}.ai-page button[data-v-5f754afd]:active{transform:translateY(1px)}.ai-page button[data-v-5f754afd]:disabled{opacity:.5;cursor:default}.ai-page button[data-v-5f754afd]:focus-visible,.ai-page input[data-v-5f754afd]:focus-visible,.ai-page select[data-v-5f754afd]:focus-visible{outline-offset:3px;outline:2px solid #a185c3}.ai-beads[data-v-5f754afd]{gap:10px;display:flex}.ai-beads i[data-v-5f754afd]{background:#d8c5e9;border-radius:50%;width:30px;height:30px;animation:1.8s ease-in-out infinite ai-breathe-5f754afd;display:block;box-shadow:inset 0 2px 3px #fff9,inset 0 -2px 3px #7960a433}.ai-beads i[data-v-5f754afd]:nth-child(2){background:#eed3c3;animation-delay:.2s}.ai-beads i[data-v-5f754afd]:nth-child(3){background:#d3def0;animation-delay:.4s}@keyframes ai-breathe-5f754afd{50%{opacity:.6;transform:translateY(-8px)}}@media (width<=800px){.ai-page[data-v-5f754afd]{padding:18px 14px 40px}.ai-heading h1[data-v-5f754afd]{font-size:27px}.ai-layout[data-v-5f754afd]{grid-template-columns:1fr;gap:18px}.ai-settings[data-v-5f754afd]{padding:18px}.ai-preview[data-v-5f754afd]{padding:18px;position:static}.ai-empty[data-v-5f754afd],.ai-wait[data-v-5f754afd]{min-height:220px}.ai-heading[data-v-5f754afd]{padding-bottom:18px}.ai-palette[data-v-5f754afd]{grid-template-columns:repeat(8,minmax(0,1fr))}.ai-canvas-wrap[data-v-5f754afd]{max-height:450px}}@media (prefers-reduced-motion:reduce){.ai-beads i[data-v-5f754afd]{animation:none}.ai-page button[data-v-5f754afd]{transition:none}}.assets-page[data-v-61e45f64]{box-sizing:border-box;color:#3f3849;width:100%;max-width:980px;margin:auto;padding:28px 24px 64px}.assets-back[data-v-61e45f64]{color:#716678;cursor:pointer;background:0 0;border:0;padding:8px 0}.assets-heading[data-v-61e45f64]{justify-content:space-between;align-items:center;margin:20px 0 28px;display:flex}.assets-heading p[data-v-61e45f64]{color:#7960a4;margin:0 0 8px;font-size:12px}.assets-heading h1[data-v-61e45f64]{letter-spacing:-1px;margin:0 0 8px;font-size:32px}.assets-heading span[data-v-61e45f64]{color:#716678;font-size:14px}.assets-balance[data-v-61e45f64]{background:radial-gradient(at 0 0,#e9e1f5,#0000 65%),#fcf9f6;border:1px solid #e1d7e7;border-radius:22px;flex-wrap:wrap;align-items:center;gap:24px;padding:32px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 8px 32px #73657e08}.assets-total[data-v-61e45f64]{flex:1;min-width:200px}.assets-total>span[data-v-61e45f64]{color:#716678;font-size:13px}.assets-total>strong[data-v-61e45f64]{font-variant-numeric:tabular-nums;font-size:56px;font-weight:650;line-height:1.4;display:block}.assets-total small[data-v-61e45f64]{color:#716678;font-size:14px;font-weight:400}.assets-total button[data-v-61e45f64]{color:#fff;font:inherit;cursor:pointer;background:#7960a4;border:1px solid #7960a4;border-radius:9px;padding:10px 16px;font-size:13px;box-shadow:inset 0 1px #ffffff40}.assets-breakdown[data-v-61e45f64]{grid-template-columns:1fr 1fr;gap:32px;display:grid}.assets-breakdown>div[data-v-61e45f64]{border-left:1px solid #dfd4e4;padding-left:28px}.assets-breakdown span[data-v-61e45f64]{color:#716678;font-size:13px}.assets-breakdown strong[data-v-61e45f64]{font-variant-numeric:tabular-nums;margin:10px 0 4px;font-size:28px;display:block}.assets-breakdown small[data-v-61e45f64]{color:#716678;font-size:12px;font-weight:400}.assets-breakdown p[data-v-61e45f64]{color:#716678;margin:0;font-size:12px}.assets-held[data-v-61e45f64]{color:#7960a4;border-top:1px solid #dfd4e4;width:100%;margin:0;padding-top:14px;font-size:12px}.assets-earn[data-v-61e45f64]{border-bottom:1px solid #e5dfe6;padding:26px 0}.assets-page h2[data-v-61e45f64]{margin:0 0 12px;font-size:16px}.assets-earn>div[data-v-61e45f64]{grid-template-columns:1fr 1fr;gap:20px;display:grid}.assets-earn>div>p[data-v-61e45f64]{align-items:center;gap:14px;margin:8px 0;display:flex}.assets-earn b[data-v-61e45f64]{color:#71558d;white-space:nowrap;background:#e9e4f2;border-radius:10px;padding:12px;font-size:16px}.assets-earn span[data-v-61e45f64]{font-size:13px;line-height:1.6}.assets-earn small[data-v-61e45f64]{color:#82758e;font-size:12px;display:block}.assets-rules[data-v-61e45f64]{color:#716678;margin:12px 0 0;font-size:12px;line-height:1.7}.assets-records[data-v-61e45f64]{padding-top:28px}.assets-records>header[data-v-61e45f64]{justify-content:space-between;align-items:center;display:flex}.assets-records h2[data-v-61e45f64]{margin:0}.assets-records>header span[data-v-61e45f64]{color:#82758e;font-size:12px}.assets-records ol[data-v-61e45f64]{margin:14px 0;padding:0;list-style:none}.assets-records li[data-v-61e45f64]{border-bottom:1px solid #eee7ed;align-items:center;gap:14px;padding:20px 0;display:flex}.asset-record-icon[data-v-61e45f64]{color:#89748e;background:#f0ebee;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.asset-record-icon.earned[data-v-61e45f64]{color:#61765e;background:#e7ede5}.asset-record-copy[data-v-61e45f64]{flex:1;min-width:0}.asset-record-copy strong[data-v-61e45f64]{font-size:14px;font-weight:600}.asset-record-copy p[data-v-61e45f64]{color:#716678;overflow-wrap:anywhere;margin:5px 0;font-size:12px}.asset-record-copy small[data-v-61e45f64]{color:#82758e;font-size:11px}.asset-record-value[data-v-61e45f64]{text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.asset-record-value strong[data-v-61e45f64]{font-size:17px;font-weight:600}.asset-record-value small[data-v-61e45f64]{font-size:11px;font-weight:400}.asset-record-value span[data-v-61e45f64]{color:#82758e;margin-top:8px;font-size:11px;display:block}.asset-record-value.earned strong[data-v-61e45f64]{color:#60775c}.assets-more[data-v-61e45f64]{margin:20px auto;display:block}.assets-empty[data-v-61e45f64]{color:#82758e;text-align:center;padding:36px 0;font-size:13px}.assets-error[data-v-61e45f64]{color:#965449;background:#f8e7e4;border-radius:10px;padding:12px;font-size:13px}.assets-error button[data-v-61e45f64]{color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.assets-page button[data-v-61e45f64]:active{transform:translateY(1px)}.assets-page button[data-v-61e45f64]:focus-visible{outline-offset:3px;outline:2px solid #a185c3}@media (width<=600px){.assets-page[data-v-61e45f64]{padding:18px 16px 40px}.assets-heading h1[data-v-61e45f64]{font-size:27px}.assets-balance[data-v-61e45f64]{gap:24px;padding:24px}.assets-total[data-v-61e45f64]{grid-template-columns:1fr auto;align-items:center;min-width:100%;display:grid}.assets-total>span[data-v-61e45f64]{grid-column:1/-1}.assets-total>strong[data-v-61e45f64]{font-size:48px}.assets-breakdown[data-v-61e45f64]{border-top:1px solid #dfd4e4;gap:16px;width:100%;padding-top:20px}.assets-breakdown>div[data-v-61e45f64]{border:0;padding-left:0}.assets-breakdown>div+div[data-v-61e45f64]{border-left:1px solid #dfd4e4;padding-left:20px}.assets-earn>div[data-v-61e45f64]{grid-template-columns:1fr;gap:6px}.assets-records li[data-v-61e45f64]{gap:10px}.asset-record-icon[data-v-61e45f64]{width:28px;height:32px;font-size:17px}.asset-record-value strong[data-v-61e45f64]{font-size:15px}}:root{color:var(--v4-text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#ffd37873,#0000 26%),radial-gradient(circle at 100% 100%,#57a4ff38,#0000 28%),linear-gradient(160deg,#f7eddc 0%,#efdfc4 48%,#e7d7bf 100%);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:none}#app,.app-shell{min-height:100vh}.app-shell{padding:24px}.site-icp-footer{text-align:center;color:var(--v4-text-2);padding:8px 16px 12px;font-size:12px;line-height:1.4;position:static}.manage-shell{min-height:100vh;color:var(--v4-text);background:#f5f7fb}.manage-shell+.site-icp-footer{background:#f5f7fb;padding:8px 0;position:static}.note-audit-tag{color:#9a5b00;background:#ffb74d38;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.note-audit-tag.rejected{color:#a42222;background:#ef444429}.manage-login{place-items:center;min-height:100vh;padding:24px;display:grid}.manage-login-card{background:#fff;border:1px solid #dce3ef;border-radius:8px;gap:18px;width:min(440px,100%);padding:28px;display:grid;box-shadow:0 24px 48px #141f331f}.manage-kicker{color:#3266d6;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.manage-muted{color:var(--v4-text-2);line-height:1.6}.manage-field{gap:8px;min-width:0;display:grid}.manage-field span{color:var(--v4-text-2);font-size:13px;font-weight:700}.manage-field input,.manage-search,.manage-select,.manage-inline-input,.manage-inline-textarea{width:100%;min-width:0;color:var(--v4-text);background:#fff;border:1px solid #cfd7e6;border-radius:6px;font-size:14px}.manage-field input,.manage-search,.manage-select,.manage-inline-input{height:38px;padding:0 11px}.manage-inline-textarea{resize:vertical;padding:9px 11px;line-height:1.45}.manage-app{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.manage-sidebar{color:#fff;background:#111827;flex-direction:column;gap:18px;min-height:100vh;padding:20px 14px;display:flex}.manage-brand{border-bottom:1px solid #ffffff1f;gap:5px;padding:10px 10px 18px;display:grid}.manage-brand strong{font-size:18px}.manage-brand span{color:#aab4c5;font-size:13px}.manage-nav{gap:6px;display:grid}.manage-nav button,.manage-logout{color:#d6deeb;text-align:left;background:0 0;border-radius:6px;width:100%;min-height:40px;padding:0 12px}.manage-nav button.active,.manage-nav button:hover{color:#fff;background:#2563eb}.manage-logout{color:#fecaca;background:#f871711f;margin-top:auto}.manage-main{min-width:0;padding:22px;overflow:auto}.manage-topbar,.manage-toolbar,.manage-detail-header,.manage-pager{justify-content:space-between;align-items:center;gap:12px;display:flex}.manage-topbar{margin-bottom:16px}.manage-topbar h2,.manage-detail-header h3,.note-detail-card h3{margin:0;font-size:22px}.manage-panel{background:#fff;border:1px solid #dce3ef;border-radius:8px;padding:16px;box-shadow:0 12px 26px #141f330f}.manage-toolbar{margin-bottom:14px}.manage-search{flex:1}.manage-primary,.manage-secondary{white-space:nowrap;border-radius:6px;min-height:36px;padding:0 13px;font-size:13px;font-weight:800}.manage-primary{color:#fff;background:#2563eb}.manage-primary.compact{min-width:64px}.manage-secondary{color:var(--v4-text);background:#eef2f7}.manage-secondary.danger{color:#b42318;background:#fee4e2}.manage-primary:disabled,.manage-secondary:disabled{cursor:not-allowed;opacity:.5}.manage-table{border:1px solid #e4e9f2;border-radius:8px;display:grid;overflow:hidden}.manage-row{border-top:1px solid #e4e9f2;align-items:center;gap:12px;min-height:68px;padding:10px 12px;display:grid}.manage-row:first-child{border-top:0}.manage-row-head{min-height:44px;color:var(--v4-text-2);background:#f8fafc;font-size:12px;font-weight:800}.manage-row strong,.manage-row span,.manage-row small{min-width:0}.manage-row small{color:var(--v4-text-2);margin-top:4px;font-size:12px;display:block}.user-row{grid-template-columns:minmax(150px,1.2fr) minmax(160px,1.25fr) 96px minmax(110px,.8fr) minmax(190px,1fr)}.note-row{grid-template-columns:92px minmax(220px,1.5fr) minmax(120px,.8fr) 86px minmax(260px,1.2fr)}.note-row .board-preview,.pending-card .board-preview,.note-detail-card .board-preview,.room-admin-card .board-preview{border-radius:6px}.manage-status{border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.manage-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.manage-pager{color:var(--v4-text-2);margin-top:14px;font-size:13px}.manage-notes-layout{grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr);align-items:start;gap:16px;display:grid}.manage-detail-panel{gap:14px;display:grid}.pending-list{gap:10px;max-height:360px;display:grid;overflow:auto}.pending-card{color:inherit;text-align:left;background:#fff;border:1px solid #dce3ef;border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.pending-card.active,.pending-card:hover{background:#eff6ff;border-color:#2563eb}.pending-card span,.pending-card small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-card small{color:var(--v4-text-2);grid-column:2}.manage-empty{color:var(--v4-text-2);text-align:center;background:#f8fafc;border-radius:8px;padding:18px}.note-detail-card{border-top:1px solid #e4e9f2;gap:12px;padding-top:14px;display:grid}.note-detail-card p{color:var(--v4-text-2);line-height:1.6}.manage-meta-grid{color:var(--v4-text-2);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:13px;display:grid}.room-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.room-admin-card{background:#fff;border:1px solid #e4e9f2;border-radius:8px;gap:12px;padding:12px;display:grid}.room-admin-body{gap:10px;display:grid}.room-admin-body p{color:var(--v4-text-2);font-size:13px;line-height:1.45}.manage-toggle-row{color:var(--v4-text-2);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.compact-field{gap:5px}.toast-stack{z-index:40;pointer-events:none;gap:12px;display:grid;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast-card{background:#fffbf3f5;border:1px solid #78592b24;border-radius:18px;min-width:320px;max-width:min(92vw,520px);padding:14px 18px;box-shadow:0 20px 36px #39270d2e}.toast-card strong,.toast-card p{display:block}.toast-card p{color:var(--v4-text-2);margin-top:4px}.toast-success{border-color:#22c55e42}.toast-error{border-color:#ef444442}.toast-info{border-color:#3b82f63d}.toast-enter-active,.toast-leave-active{transition:all .24s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(-10px)}.centered-panel{text-align:center;max-width:760px;margin:80px auto}.auth-shell{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:22px;display:grid}.auth-hero,.auth-card,.placeholder-panel{min-height:320px}.auth-hero{flex-direction:column;justify-content:flex-end;display:flex}.main-shell{flex-direction:column;gap:18px;height:calc(100vh - 48px);min-height:calc(100vh - 48px);display:flex}.app-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.top-tabs{flex-wrap:wrap;gap:10px;display:flex}.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff9efd1;border:1px solid #7052251f;border-radius:28px;padding:22px;box-shadow:0 24px 60px #53370b1f}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#9a6b2f;margin:0 0 8px;font-size:.8rem}h1,h2,p{margin:0}h1{margin-bottom:14px;font-size:clamp(2rem,3vw,3.5rem);line-height:1.02}h2{margin-bottom:8px;font-size:1.18rem}.lead,.board-hint,.room-meta,.feedback,.empty-text{color:var(--v4-text-2);line-height:1.58}.home-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.hero-home{background:linear-gradient(135deg,#ffffff85,#ffeed2d1),radial-gradient(circle at 100% 0,#f69b432e,#0000 30%);flex-direction:column;justify-content:flex-end;min-height:240px;display:flex}.feature-panel{gap:12px;display:grid}.feature-card{text-align:left;background:#ffffff85;border-radius:20px;gap:6px;padding:16px;display:grid}.feature-card.muted{opacity:.7}.studio-shell{grid-template-columns:360px minmax(0,1fr);gap:20px;min-height:calc(100vh - 48px);display:grid}.play-layout{flex:auto;grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:20px;min-height:0;display:grid;overflow:hidden}.play-sidebar,.mine-layout{flex-direction:column;gap:18px;display:flex}.play-sidebar{max-height:100%;overflow:auto}.mine-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.mine-nav-panel{grid-column:1/-1}.mine-tab-list{flex-wrap:wrap;gap:10px;display:flex}.studio-sidebar,.studio-stage{flex-direction:column;gap:18px;display:flex}.studio-stage{width:100%;min-width:0;height:100%;min-height:0}.studio-workbench{align-items:stretch;gap:0;width:100%;min-width:0;height:100%;min-height:0;display:flex}.studio-pane{align-self:stretch;min-width:0;min-height:0;display:flex}.studio-pane-board,.studio-pane-reference{flex:none;min-width:0}.studio-pane>*{flex:auto;width:100%;min-width:0}.pane-resizer{cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;flex:0 0 14px;justify-content:center;align-items:center;width:14px;display:flex;position:relative}.pane-resizer span{background:#79572752;border-radius:999px;width:6px;height:88px;box-shadow:0 0 0 1px #79572714}.mode-tabs,.tool-mode{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px;display:grid}.tab,.ghost-button,.primary-button,.secondary-button,.feature-card,.bead-chip{border-radius:18px;transition:transform .18s,box-shadow .18s,background .18s}.tab,.ghost-button{color:#7a5420;background:#8d642a14;padding:12px 16px}.tab.active{color:#fffef8;background:linear-gradient(135deg,#ffb646,#f97316);box-shadow:0 16px 26px #f9731647}.primary-button,.secondary-button{width:100%;padding:13px 16px}.primary-button{color:#fffef9;background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 18px 30px #ef44443d}.secondary-button{color:#7b5321;background:linear-gradient(135deg,#f4e4ca,#f0d09e)}.danger-button{color:#8f2323;background:linear-gradient(135deg,#f5d0d0,#f3a8a8)}.tab:hover,.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.feature-card:hover,.bead-chip:hover{transform:translateY(-1px)}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field span{color:var(--v4-text-2);font-size:.92rem}.field input,.gallery-select{width:100%;color:var(--v4-text);background:#fffcf6d1;border:1px solid #72532224;border-radius:16px;padding:12px 14px}.toolbar-header,.board-topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.board-topbar{grid-template-columns:minmax(260px,.82fr) minmax(360px,1.45fr) max-content;align-items:stretch;display:grid}.board-title-copy{min-width:0}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:0 14px;font-size:.9rem;display:inline-flex}.status-pill.online{color:#0f766e;background:#0d948824}.status-pill.offline{color:#9f1239;background:#f43f5e24}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.status-card{background:#ffffff8c;border-radius:18px;gap:6px;padding:14px;display:grid}.status-card span{color:var(--v4-text-2);font-size:.9rem}.status-card strong{font-size:1rem}.bead-code-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:280px;display:grid;overflow:auto}.code-search-row{gap:10px;display:flex}.inline-row{align-items:center;gap:10px;display:flex}.code-input{flex:1}.compact-button{width:auto;min-width:50px}.inline-button{width:auto;font-size:12px}.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.board-panel,.reference-panel{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.studio-pane-board .board-panel{height:calc(100% - 92px)}.board-wrapper,.empty-board{flex-direction:column;gap:16px;height:100%;min-height:0;display:flex}.studio-pane-board{position:relative}.floating-toolbar-shell{z-index:6;width:max-content;max-width:calc(100% - 36px);position:absolute}.floating-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fff8eceb;border:1px solid #7052251f;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:12px;display:flex;box-shadow:0 24px 44px #53370b2e}.toolbar-mode-button{color:#7a5420;background:#8d642a14;border-radius:20px;width:60px;min-width:60px;min-height:56px}.toolbar-mode-button.active{color:#fffef8;background:linear-gradient(135deg,#ffb646,#f97316);box-shadow:0 16px 26px #f9731647}.toolbar-pen-strip{flex-wrap:nowrap;gap:8px;min-width:0;display:flex}.toolbar-pen-card{text-align:left;background:#ffffffc2;border-radius:22px;align-items:center;gap:10px;width:124px;min-width:124px;padding:10px 12px;display:flex}.toolbar-pen-card.active{box-shadow:inset 0 0 0 2px #3b2b15c7}.toolbar-pen-icon{background:0 0;border-radius:10px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;width:30px;height:42px;padding:0;line-height:0;display:inline-flex;overflow:hidden}.toolbar-pen-icon svg{flex:none;width:22px;height:22px}.toolbar-pen-label{width:100%;min-height:10px;color:var(--v4-text-2);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;line-height:10px;overflow:hidden}.toolbar-pen-icon.active{background:#2f24191a;box-shadow:inset 0 0 0 1px #2f241929}.toolbar-pen-icon.active .toolbar-pen-label{color:var(--v4-text)}.toolbar-palette-button{color:#7a5420;background:linear-gradient(135deg,#fff7ea,#f6e2bc);border-radius:20px;align-items:center;gap:8px;min-height:56px;padding:0 16px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #7a54201a}.toolbar-palette-swatch{border:2px solid #35251524;border-radius:50%;width:22px;height:22px}.toolbar-pen-meta{min-width:0;display:grid}.toolbar-pen-meta strong,.toolbar-pen-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toolbar-pen-meta small{color:var(--v4-text-2)}.toolbar-trailing-group{justify-content:center;align-items:center;gap:10px;display:flex}.toolbar-search-group{align-items:center;gap:8px;min-width:0;display:flex}.toolbar-inline-input{width:132px;color:var(--v4-text);background:#fffcf6d1;border:1px solid #72532224;border-radius:16px;padding:12px 14px}.toolbar-color-picker{color:#7a5420;justify-content:center;align-items:center;gap:6px;min-width:76px;display:flex}.toolbar-color-picker input{background:0 0;border:none;border-radius:16px;width:52px;height:52px;padding:0}.color-picker-overlay{z-index:80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.color-picker-backdrop{background:#271a0a61;position:absolute;inset:0}.color-picker-modal{z-index:1;background:linear-gradient(#fffdf7,#fff7ea);border-radius:24px;flex-direction:column;width:min(720px,100%);max-height:min(82vh,760px);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 72px #452b0838}.color-picker-header{border-bottom:1px solid #7052251f;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.color-picker-heading{min-width:0}.color-picker-title{color:var(--v4-text);margin:0;font-size:22px}.color-picker-subtitle{color:var(--v4-text-2);margin:6px 0 0;line-height:1.5}.color-picker-close{color:#7a5527;background:#ffffffeb;border-radius:999px;flex:none;padding:10px 16px}.color-picker-scroll{padding:0 24px 24px;overflow:auto}.color-picker-section{padding-top:20px}.color-picker-section+.color-picker-section{border-top:1px solid #70522514;margin-top:10px}.field-label{color:var(--v4-text-2);font-size:14px;font-weight:700;display:block}.color-picker-search-row{align-items:center;gap:12px;margin-top:12px;display:flex}.color-picker-search-input,.rgb-input{min-width:0;color:var(--v4-text);background:#fffcf6e6;border:1px solid #72532224;border-radius:16px;padding:12px 14px}.color-picker-search-input{flex:1}.search-result-card{text-align:left;background:#ffffffd6;border-radius:18px;align-items:center;gap:14px;width:100%;margin-top:14px;padding:14px 16px;display:flex}.search-result-dot,.custom-preview-swatch{border:2px solid #3525151f;border-radius:50%;flex:none;width:24px;height:24px}.search-result-meta{min-width:0;color:var(--v4-text-2);gap:4px;display:grid}.search-result-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-empty,.palette-state{color:#9b6b35;background:#fff4e4eb;border-radius:18px;margin:14px 0 0;padding:14px 16px}.color-picker-section-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.custom-preview-inline{color:var(--v4-text-2);background:#ffffffd1;border-radius:16px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.rgb-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.rgb-input-label{color:var(--v4-text-2);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.rgb-input{text-align:center;width:100%}.palette-apply-button{width:100%;margin-top:14px}.palette-group-list{gap:12px;margin-top:14px;display:grid}.palette-group-card{background:#fffc;border:1px solid #7052251f;border-radius:20px;padding:14px 16px}.palette-group-header{width:100%;color:inherit;background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:0;display:flex}.palette-group-meta{align-items:center;gap:12px;display:inline-flex}.palette-group-letter{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.palette-group-count{color:var(--v4-text-2)}.palette-group-action{color:#a46f33}.palette-swatch-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:14px 12px;margin-top:16px;display:grid}.palette-swatch-item{min-width:0;color:var(--v4-text-2);background:0 0;justify-items:center;gap:8px;padding:0;display:grid}.palette-swatch-circle{border:3px solid #3525151a;border-radius:50%;width:42px;height:42px;box-shadow:0 8px 16px #53370b1f}.palette-swatch-code{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.board-hint-stack{align-content:start;justify-items:end;gap:4px;min-width:180px;display:grid}.board-color-summary{scrollbar-gutter:stable;background:linear-gradient(#ffffff7a,#fff6e64d),#fff8ec6b;border:1px solid #7052251a;border-radius:22px;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));align-content:start;gap:8px;min-width:0;max-height:132px;padding:10px;display:grid;overflow:auto;box-shadow:inset 0 1px #ffffffa8}.board-color-summary.empty{justify-content:center;align-items:center;min-height:54px;display:flex}.board-color-chip{background:#ffffffbd;border-radius:14px;justify-items:center;gap:3px;min-width:0;padding:4px 6px 5px;display:grid;box-shadow:inset 0 0 0 1px #70522514,0 8px 18px #53370b12}.board-color-swatch{text-overflow:ellipsis;white-space:nowrap;border:1px solid #35251524;border-radius:8px;justify-content:center;align-items:center;min-width:42px;max-width:100%;height:24px;padding:0 7px;font-size:13px;font-weight:800;line-height:1;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.board-color-count{max-width:100%;color:var(--v4-text);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;line-height:1.05;overflow:hidden}.board-color-empty{color:var(--v4-text-2);margin:0;font-size:.92rem}.canvas-viewport,.reference-viewport{background:linear-gradient(#ffffff94,#fbf0d69e),repeating-linear-gradient(45deg,#bf8f500a,#bf8f500a 12px,#ffffff24 12px 24px);border-radius:24px;flex:auto;min-height:0;position:relative;overflow:hidden}.reference-viewport{padding:18px}.canvas-scroll{box-sizing:border-box;padding:46px 18px 18px 46px;position:absolute;inset:0;overflow:hidden}.board-canvas,.reference-image{background:#fff8ea;border-radius:18px;margin:0 auto;display:block;box-shadow:0 20px 36px #482d091f}.board-canvas{touch-action:none}.board-canvas-drag{cursor:grab}.board-canvas-drag:active{cursor:grabbing}.board-ruler,.board-ruler-corner{z-index:5;pointer-events:none;color:var(--v4-text-2);font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700;position:absolute}.board-ruler-corner{z-index:6;background:#fff8eceb;border-radius:10px 0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;top:0;left:0;box-shadow:1px 1px #5e4b3424}.board-ruler-top{background:#fff8ecdb;border-radius:0 10px 10px 0;height:34px;top:0;left:0;right:0;overflow:hidden;box-shadow:0 1px #5e4b341f}.board-ruler-left{background:#fff8ecdb;border-radius:0 0 10px 10px;width:34px;top:0;bottom:0;left:0;overflow:hidden;box-shadow:1px 0 #5e4b341f}.board-ruler-tick{justify-content:center;align-items:center;display:flex;position:absolute}.board-ruler-tick-top{height:34px;top:0;transform:translate(-50%)}.board-ruler-tick-left{width:34px;left:0;transform:translateY(-50%)}.board-preview-button{z-index:7;width:46px;height:46px;color:var(--v4-text-2);opacity:.7;touch-action:none;background:#fff8ece6;border-radius:14px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:18px;right:18px;box-shadow:0 12px 24px #482d0929}.board-preview-button svg{width:28px;height:28px}.reference-image{object-fit:contain;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;position:absolute;top:18px;left:18px}.reference-image:active{cursor:grabbing}.reference-chart-board{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:18px;gap:0;display:grid;position:absolute;top:18px;left:18px;overflow:hidden;box-shadow:0 20px 36px #482d091f}.reference-chart-board:active{cursor:grabbing}.reference-chart-cell{min-width:0;min-height:0;box-shadow:inset 0 0 0 .5px #5e4b3424}.reference-empty,.empty-board{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.empty-title{color:#7e4d17;font-size:1.4rem}.gallery-layout{grid-template-columns:360px minmax(0,1fr);gap:18px;display:grid}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.artwork-card{gap:14px;display:grid}.artwork-thumb{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:18px;width:100%}.artwork-meta{gap:6px;display:grid}.artwork-meta span{color:var(--v4-text-2);font-size:.9rem}.mine-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.artwork-mini-card,.room-setting-card,.search-result-item{background:#ffffff8f;border-radius:18px;gap:10px;padding:14px;display:grid}.portfolio-panel{grid-column:1/-1}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.portfolio-card{background:#ffffff94;border:2px solid #0000;border-radius:22px;gap:14px;padding:16px;display:grid}.portfolio-card.completed{border-color:#22c55e94}.portfolio-card.incomplete{border-color:#ef44447a}.portfolio-meta{gap:10px;display:grid}.portfolio-status{border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:.88rem;display:inline-flex}.portfolio-status.done{color:#166534;background:#22c55e24}.portfolio-status.draft{color:#b91c1c;background:#ef444424}.portfolio-color-list,.selected-user-list{flex-wrap:wrap;gap:8px;display:flex}.portfolio-color-chip,.selected-user-chip{background:#ffffffc2;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.selected-user-chip{color:#7a5420}.portfolio-color-dot{border:1px solid #2118102e;border-radius:50%;width:14px;height:14px}.board-preview{aspect-ratio:1;background:#fffaf2;border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:112px;max-height:320px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #5e4b3414}.board-preview-image{object-fit:contain;width:100%;height:100%;image-rendering:crisp-edges;image-rendering:pixelated;display:block}.hall-page,.note-detail-page,.publish-note-layout{flex:auto;min-height:0}.hall-page{flex-direction:column;gap:18px;display:flex;overflow:auto}.hall-note-grid,.note-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.note-card{cursor:pointer;content-visibility:auto;contain-intrinsic-size:380px;background:#ffffff9e;border:1px solid #7052251a;border-radius:20px;gap:12px;padding:14px;transition:transform .18s,box-shadow .18s;display:grid}.note-card:hover{transform:translateY(-1px);box-shadow:0 18px 32px #53370b1f}.note-card-body{gap:8px;min-width:0;display:grid}.note-card-body p{min-height:44px;color:var(--v4-text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.note-card-footer,.note-detail-stats{color:var(--v4-text-2);justify-content:space-between;gap:12px;font-size:.9rem;display:flex}.notes-panel{grid-column:1/-1}.publish-note-layout{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start;gap:18px;display:grid;overflow:auto}.publish-note-preview,.publish-note-form{gap:16px;display:grid}.publish-note-meta{margin-top:-4px}.textarea{resize:vertical;width:100%;color:var(--v4-text);line-height:1.6;font:inherit;background:#fffcf6d1;border:1px solid #72532224;border-radius:16px;padding:12px 14px}.note-price-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.note-point-field{min-width:180px}.note-detail-page{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px;display:grid;overflow:hidden}.note-detail-board-panel,.note-copy-panel{min-height:0;overflow:auto}.note-detail-board-panel{flex-direction:column;gap:12px;display:flex}.note-detail-nav{align-items:center}.note-board-viewer{flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex}.note-zoom-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.note-zoom-label{color:var(--v4-text-2);font-variant-numeric:tabular-nums}.note-board-viewport{background:linear-gradient(#ffffff94,#fbf0d69e),repeating-linear-gradient(45deg,#bf8f500a,#bf8f500a 12px,#ffffff24 12px 24px);border-radius:24px;flex:auto;min-height:420px;position:relative;overflow:hidden}.note-board-scroll{cursor:grab;touch-action:none;padding:46px 18px 18px 46px;position:absolute;inset:0;overflow:hidden}.note-board-scroll:active{cursor:grabbing}.note-board-canvas{-webkit-user-select:none;user-select:none}.note-copy-panel{flex-direction:column;display:flex;overflow:hidden}.note-copy-scroll{flex-direction:column;flex:auto;gap:20px;min-height:0;padding-right:4px;display:flex;overflow:auto}.note-avatar{color:#fff;background:linear-gradient(135deg,#2dd4bf,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:inline-flex}.note-section-block{gap:8px;display:grid}.note-title{margin:0;font-size:clamp(1.8rem,2.4vw,2.8rem);line-height:1.1}.note-content{white-space:pre-wrap;color:var(--v4-text-2);line-height:1.75}.comment-item{background:#ffffffad;border-radius:16px;gap:6px;padding:12px 14px;display:grid}.comment-item p{color:var(--v4-text-2);line-height:1.5}.note-empty-comments{text-align:left}.note-bottom-bar{border-top:1px solid #72532224;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:18px;padding-top:18px;display:grid}.note-bottom-bar input{width:100%;min-width:0;color:var(--v4-text);background:#fffcf6e6;border:1px solid #72532224;border-radius:16px;padding:12px 14px}.secondary-button.active{color:#fffdf7;background:linear-gradient(135deg,#ffb646,#f97316)}.user-access-picker{gap:12px;display:grid}.user-result-item{text-align:left;border:none;width:100%}.room-settings-list,.search-result-list{gap:12px;display:grid}.checkbox-row{align-items:center;gap:10px;display:inline-flex}.toggle-row{align-items:center;gap:10px;display:flex}.top-gap{margin-top:16px}.feedback{padding:0 4px}.feedback.error{color:#b42318}@media (width<=1180px){.main-shell{height:auto}.studio-shell,.play-layout,.gallery-layout,.home-grid,.publish-note-layout,.note-detail-page{grid-template-columns:1fr}.play-layout,.note-detail-page{overflow:visible}.note-detail-page{grid-template-rows:auto}.note-copy-panel,.note-copy-scroll{overflow:visible}.play-sidebar{max-height:none}.mine-layout{grid-template-columns:1fr}.studio-stage{min-width:0}.studio-workbench{flex-direction:column;height:auto}.studio-pane-board,.studio-pane-reference{flex-basis:auto!important}.studio-pane-board .board-panel{height:auto}.pane-resizer{cursor:row-resize;width:100%;height:14px}.pane-resizer span{width:88px;height:6px}.floating-toolbar-shell{width:100%;max-width:100%;margin-top:14px;position:static}.floating-toolbar{justify-content:center;width:100%}.toolbar-pen-strip,.toolbar-trailing-group{flex-wrap:wrap;justify-content:center}}@media (width<=1100px){.play-layout.play-layout-active{grid-template-columns:1fr;overflow:visible}}.note-detail-dialog{width:min(1720px,100vw - 104px);max-width:none;height:min(980px,100dvh - 48px);max-height:none;color:var(--dw-ink);background:0 0;border:0;margin:auto;padding:0;overflow:visible}.note-detail-dialog[open]{animation:.18s cubic-bezier(.22,1,.36,1) note-dialog-in}.note-detail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#231d1785}.note-detail-close{z-index:3;color:#fff;background:#2f241ad1;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.75rem;font-weight:300;line-height:1;transition:background-color .18s,transform .18s;display:grid;position:absolute;top:8px;left:-44px}.note-detail-close:hover{background:var(--dw-coral);transform:translateY(-1px)}.note-card:focus-visible{outline-offset:3px;outline:3px solid #7960a452}.note-detail-page{background:#fffdf8;border:1px solid #49345b29;border-radius:20px;flex:none;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.6fr) minmax(440px,.9fr);gap:0;width:100%;height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 28px 72px #2319113d}.note-detail-board-panel{background:#f7f1e7;flex-direction:column;gap:0;min-width:0;min-height:0;padding:18px 18px 14px;display:flex;overflow:hidden}.note-board-viewer{flex-direction:column;flex:auto;gap:12px;min-width:0;min-height:0;display:flex}.note-board-toolbar{flex:none;grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:18px;display:grid}.note-board-heading{min-width:0}.note-board-heading .eyebrow{margin-bottom:2px}.note-board-heading h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.12rem;line-height:1.3;overflow:hidden}.note-board-meta{color:var(--dw-ink-soft);text-align:right;white-space:nowrap;gap:2px;font-size:.78rem;display:grid}.note-board-meta strong{color:var(--dw-ink);font-size:.86rem}.note-zoom-actions{flex-wrap:nowrap;justify-content:flex-end;gap:7px;display:flex}.note-zoom-actions .compact-button{min-height:36px;padding:8px 12px}.note-board-viewport{background:#fffdf9;border:1px solid #49345b24;border-radius:12px;flex:auto;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 4px 12px #49345b0f}.note-board-canvas{box-shadow:none;border-radius:0}.note-bead-summary{background:#fffdf8eb;border:1px solid #49345b1f;border-radius:12px;flex:none;align-items:center;gap:12px;min-width:0;min-height:68px;padding:10px 12px;display:flex;overflow:hidden}.note-bead-summary-heading{gap:2px;min-width:78px;display:grid}.note-bead-summary-heading strong{font-size:.86rem}.note-bead-summary-heading span{color:var(--dw-ink-soft);font-size:.74rem}.note-bead-list{overscroll-behavior-inline:contain;scrollbar-width:thin;flex:auto;gap:7px;min-width:0;padding:2px 0 5px;display:flex;overflow-x:auto}.note-bead-chip{min-width:94px;height:40px;color:var(--dw-ink);background:#f4eee5;border-radius:10px;flex:none;grid-template-columns:18px minmax(24px,auto) auto;align-items:center;gap:6px;padding:0 9px;font-size:.76rem;display:grid}.note-bead-chip i{border:1px solid #2f241a2e;border-radius:5px;width:18px;height:18px}.note-bead-chip span{color:var(--dw-ink-soft);font-variant-numeric:tabular-nums}.note-copy-panel{background:#fffdf9;border-left:1px solid #49345b1f;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.note-copy-header{border-bottom:1px solid #49345b1a;flex:none;align-items:center;min-height:76px;padding:14px 24px;display:flex}.note-author-line{align-items:center;gap:11px;display:flex}.note-author-line p{color:var(--dw-ink-soft);margin-top:2px;font-size:.78rem}.note-avatar,.comment-avatar{color:#fff;background:linear-gradient(135deg, var(--dw-green), var(--dw-blue));border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.note-avatar{width:42px;height:42px}.comment-avatar{width:36px;height:36px;font-size:.82rem}.note-copy-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:0;min-height:0;padding:0 24px;display:flex;overflow-y:auto}.note-body-copy{border-bottom:1px solid #49345b1f;gap:14px;padding:24px 0 22px;display:grid}.note-title{color:var(--dw-ink);text-wrap:balance;margin:0;font-size:1.72rem;line-height:1.25}.note-content{max-width:70ch;color:var(--v4-text-2);white-space:pre-wrap;text-wrap:pretty;font-size:.98rem;line-height:1.75}.note-detail-meta{color:var(--dw-ink-soft);flex-wrap:wrap;gap:8px 16px;font-size:.8rem;display:flex}.note-comments-section{gap:0;padding:20px 0 28px;display:grid}.note-comments-heading h2{color:var(--dw-ink-soft);margin:0 0 8px;font-size:.92rem;font-weight:800}.comment-list{gap:0;display:grid}.comment-item{background:0 0;border-bottom:1px solid #49345b14;border-radius:0;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:15px 0;display:grid}.comment-copy{gap:6px;min-width:0;display:grid}.comment-author-line{flex-wrap:wrap;align-items:baseline;gap:5px 10px;display:flex}.comment-author-line strong{font-size:.86rem}.comment-author-line span{color:var(--dw-ink-soft);font-size:.7rem}.comment-item p{color:var(--v4-text-2);font-size:.9rem;line-height:1.55}.note-empty-comments{color:var(--dw-ink-soft);text-align:left;padding:22px 0}.note-bottom-bar{background:#fffdf9;border-top:1px solid #49345b1f;flex:none;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;margin:0;padding:14px 18px;display:grid}.note-comment-entry{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;display:grid}.note-bottom-bar input{width:100%;min-width:0;min-height:42px;color:var(--dw-ink);background:#f5f0e8;border:1px solid #49345b24;border-radius:12px;padding:10px 13px}.note-bottom-bar input::placeholder{color:var(--v4-text-2)}.note-social-actions{gap:8px;display:flex}.note-social-actions .active{color:#fff;background:var(--dw-coral)}.note-detail-loading{min-width:0;min-height:0;color:var(--dw-ink-soft);flex-direction:column;flex:auto;justify-content:center;gap:14px;padding:24px;display:flex}.note-loading-block{background:#49345b1a;border-radius:8px;display:block}.note-loading-title{width:34%;height:24px}.note-loading-canvas{flex:auto;width:100%;min-height:340px}.note-loading-author{width:46%;height:48px}.note-loading-copy{width:100%;height:18px}.note-loading-copy.short{width:64%}@keyframes note-dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1200px){.note-detail-dialog{width:calc(100vw - 72px)}.note-detail-close{left:-30px}.note-detail-page{grid-template-columns:minmax(0,1.35fr) minmax(380px,.85fr)}.note-board-toolbar{grid-template-columns:minmax(140px,1fr) auto;gap:8px 14px}.note-zoom-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=900px){.note-detail-dialog{width:calc(100vw - 24px);height:calc(100dvh - 24px)}.note-detail-close{position:fixed;top:22px;left:auto;right:22px}.note-detail-page{display:block;overflow-y:auto}.note-detail-board-panel{height:min(62dvh,560px)}.note-copy-panel{border-top:1px solid #49345b1f;border-left:0;height:min(78dvh,700px);overflow:hidden}.note-copy-scroll{overflow-y:auto}}@media (width<=560px){.note-detail-dialog{width:100vw;height:100dvh}.note-detail-page{border:0;border-radius:0}.note-detail-close{background:#2f241ac2;width:40px;height:40px;top:12px;right:12px}.note-detail-board-panel{height:68dvh;padding:12px}.note-board-toolbar{padding-right:48px}.note-board-heading h2{font-size:1rem}.note-board-meta{font-size:.72rem}.note-zoom-actions{gap:6px}.note-zoom-actions .compact-button{min-height:34px;padding:7px 10px}.note-bead-summary{min-height:62px;padding:8px}.note-bead-summary-heading{display:none}.note-copy-panel{height:80dvh}.note-copy-header{min-height:70px;padding:12px 16px}.note-copy-scroll{padding:0 16px}.note-body-copy{padding:20px 0}.note-title{font-size:1.5rem}.note-bottom-bar{grid-template-columns:1fr;padding:12px 14px}.note-social-actions button{flex:1 1 0}}.app-shell.play-fullscreen{background:#fffcf8b8;width:100%;height:100dvh;min-height:100dvh;padding:12px;overflow:hidden}.main-shell.play-fullscreen-shell{gap:0;width:100%;max-width:none;height:calc(100dvh - 24px);min-height:calc(100dvh - 24px)}.workbench-brand{align-items:center;gap:11px;min-width:0;display:flex}.workbench-brand>div{gap:2px;min-width:0;display:grid}.workbench-brand strong,.workbench-brand small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workbench-brand strong{color:var(--v4-text);font-size:.88rem;font-weight:900}.workbench-brand small{color:var(--v4-text-2);font-size:.72rem;font-weight:700}.workbench-brand-mark{flex:none;grid-template-columns:repeat(3,7px);gap:3px;display:grid}.workbench-brand-mark i{border-radius:50%;width:7px;height:7px;box-shadow:inset 0 1px 1px #ffffffb8}.workbench-brand-mark i:nth-child(5n+1){background:#ed6c63}.workbench-brand-mark i:nth-child(5n+2){background:#e5a44e}.workbench-brand-mark i:nth-child(5n+3){background:#52a787}.workbench-brand-mark i:nth-child(5n+4){background:#4f99c2}.workbench-brand-mark i:nth-child(5n){background:#a78ccc}.play-entry-layout{background:#fffdfaf0;border:1px solid #49345b1f;border-radius:22px;grid-template-rows:66px minmax(0,1fr);height:100%;min-height:0;display:grid;overflow:hidden;box-shadow:0 20px 52px #714c321f}.play-entry-topbar{border-bottom:1px solid #49345b1a;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.play-close-button{width:38px;height:38px;color:var(--v4-text-2);background:#fff;border:1px solid #49345b24;border-radius:10px;place-items:center;padding:0;transition:background .18s,transform .18s;display:grid}.play-close-button:hover{background:#fff3ef;transform:translate(-1px)}.play-close-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px}.play-entry-main{background:radial-gradient(circle at 50% 12%,#f26f5c14,#0000 34%),radial-gradient(circle,#7f5b4312 1px,#0000 1.5px) 0 0/22px 22px;place-items:center;min-height:0;padding:28px;display:grid;overflow:auto}.play-entry-panel{background:#fffdfaf5;border:1px solid #49345b1f;border-radius:18px;gap:18px;width:min(560px,100%);padding:28px;display:grid;box-shadow:0 20px 48px #714c321a}.play-entry-heading p{color:var(--v4-accent-ink);margin-bottom:6px;font-size:.78rem;font-weight:900}.play-entry-heading h1{color:var(--v4-text);margin:0;font-size:1.65rem;line-height:1.2}.play-entry-panel .mode-tabs,.play-entry-panel .field-grid{margin:0}.play-entry-divider{color:var(--v4-text-2);align-items:center;gap:12px;font-size:.76rem;display:flex}.play-entry-divider:before,.play-entry-divider:after{content:"";background:#49345b1f;flex:1;height:1px}.play-join-row input{border:1px solid var(--dw-line-strong);background:#fff;border-radius:14px;flex:1;min-width:0;height:46px;padding:0 14px}.play-join-row .secondary-button{border-radius:14px;height:46px}.play-layout-active{grid-template-columns:minmax(220px,264px) minmax(0,1fr);gap:10px;height:100%;min-height:0;padding:0}.workbench-sidebar{background:#fffdfaf5;border:1px solid #49345b1f;border-radius:18px;flex-direction:column;gap:14px;min-width:0;min-height:0;padding:18px 16px 14px;display:flex;overflow:hidden;box-shadow:0 16px 40px #714c321a}.room-inspector{scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;padding-right:2px;display:flex;overflow:auto}.room-inspector-header{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.room-inspector-icon{object-fit:cover;border-radius:9px;width:34px;height:34px;display:block;box-shadow:0 5px 12px #68432a24}.room-inspector-label{color:var(--v4-text-2);font-size:.72rem;font-weight:800}.room-inspector-header h1{color:var(--v4-text);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:1rem;line-height:1.35;overflow:hidden}.room-code-block{background:#fff;border:1px solid #49345b1c;border-radius:10px;gap:6px;padding:10px 11px;display:grid}.room-code-block>span,.room-stat-row>span{color:var(--v4-text-2);font-size:.7rem;font-weight:700}.room-code-block>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-code-block strong{min-width:0;color:var(--v4-text);text-overflow:ellipsis;font-variant-numeric:tabular-nums;font-size:.82rem;overflow:hidden}.room-code-block button{width:26px;height:26px;color:var(--v4-text-2);background:#fbf7f4;border-radius:7px;flex:none;place-items:center;padding:0;display:grid}.room-code-block svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px}.room-stat-row{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.room-stat-row strong{color:var(--v4-text);font-variant-numeric:tabular-nums;font-size:.78rem}.member-panel,.chat-preview-panel{background:#ffffffc7;border:1px solid #49345b1a;border-radius:12px;gap:8px;padding:10px;display:grid;box-shadow:0 8px 22px #68432a0f}.member-panel-header,.chat-preview-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.member-panel-header h2,.chat-preview-header h2{color:var(--v4-accent-ink);margin:0;font-size:.77rem;line-height:1.2}.member-panel-header h2 span{font-variant-numeric:tabular-nums}.member-online-summary{color:var(--v4-text-2);align-items:center;gap:4px;font-size:.61rem;font-weight:800;display:inline-flex}.member-online-summary i{background:#35b86b;border-radius:50%;width:6px;height:6px}.collaborator-list{scrollbar-width:thin;gap:2px;max-height:148px;display:grid;overflow-y:auto}.collaborator-row{border-radius:8px;grid-template-columns:30px minmax(0,1fr) 9px;align-items:center;gap:8px;min-width:0;min-height:38px;padding:4px 3px;transition:background .18s,opacity .18s;display:grid}.collaborator-row:hover{background:#fff4ef}.collaborator-row.offline{opacity:.58}.collaborator-avatar{width:30px;height:30px;color:var(--v4-text-2);background:#f6e1da;border:1px solid #49345b21;border-radius:9px;place-items:center;font-size:.72rem;font-weight:900;display:grid;overflow:hidden}.collaborator-avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.collaborator-copy{gap:2px;min-width:0;display:grid}.collaborator-copy strong{min-width:0;color:var(--v4-text);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.collaborator-copy strong small{color:var(--v4-text-2);font-size:.56rem;font-weight:800}.collaborator-copy em{color:#7f9eb7;text-overflow:ellipsis;white-space:nowrap;width:fit-content;max-width:100%;font-size:.58rem;font-style:normal;font-weight:800;line-height:1.35;overflow:hidden}.collaborator-copy em.active{color:#557ca5;background:#eaf3ff;border-radius:5px;padding:1px 5px}.collaborator-copy em.online{color:#4c9d70}.collaborator-copy em.offline{color:var(--v4-text-2)}.member-presence-dot{border:1px solid #604e4133;border-radius:50%;width:8px;height:8px}.member-presence-dot.online{background:#34b969;border-color:#34b969;box-shadow:0 0 0 2px #34b9691a}.member-presence-dot.offline{background:0 0}.chat-preview-header>span{color:var(--v4-text-2);font-size:.6rem;font-weight:800}.chat-message-list{scrollbar-width:thin;align-content:start;gap:5px;min-height:74px;max-height:118px;padding:2px 3px;display:grid;overflow-y:auto}.chat-message-list article{min-width:0;color:var(--v4-text-2);overflow-wrap:anywhere;font-size:.63rem;line-height:1.45}.chat-message-list article strong{color:var(--v4-text);font-weight:900}.chat-message-list article.own strong{color:var(--v4-accent-ink)}.chat-empty{color:var(--v4-text-2);margin:auto;font-size:.62rem}.chat-compose{grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px;display:grid}.chat-compose input{width:100%;min-width:0;height:34px;color:var(--v4-text);background:#fff;border:1px solid #49345b21;border-radius:10px;outline:none;padding:0 11px;font-size:.64rem;transition:border-color .18s,box-shadow .18s}.chat-compose input:focus{border-color:#eb5f587a;box-shadow:0 0 0 3px #eb5f581a}.chat-compose input:disabled{cursor:not-allowed;opacity:.58}.chat-compose button{color:#fff;background:#ef665f;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:transform .18s,opacity .18s;display:grid;box-shadow:0 7px 16px #e7544d38}.chat-compose button:hover:not(:disabled){transform:translateY(-1px)}.chat-compose button:active:not(:disabled){transform:translateY(0)}.chat-compose button:disabled{cursor:not-allowed;opacity:.38;box-shadow:none}.chat-compose svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}.tool-inspector{border-top:1px solid #49345b1a;gap:8px;padding-top:12px;display:grid}.tool-inspector h2{color:var(--v4-text);margin:0;font-size:.8rem}.tool-inspector dl{background:#fff;border:1px solid #49345b1a;border-radius:10px;gap:6px;margin:0;padding:10px;display:grid}.tool-inspector dl>div{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tool-inspector dt{color:var(--v4-text-2);font-size:.64rem}.tool-inspector dd{min-width:0;color:var(--v4-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:.7rem;font-weight:900;display:flex;overflow:hidden}.tool-inspector dd i{border:1px solid #41302724;border-radius:50%;flex:none;width:12px;height:12px}.tool-inspector dd small{color:var(--v4-text-2);text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.connection-strip{color:var(--v4-accent-ink);background:#fff1f2;border-radius:9px;grid-template-columns:18px auto minmax(0,1fr);align-items:center;gap:6px;padding:8px 10px;display:grid}.connection-strip strong{font-size:.67rem}.connection-strip small{color:var(--v4-text-2);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;overflow:hidden}.connection-signal{align-items:end;gap:2px;height:14px;display:flex}.connection-signal i{background:#d7aaa4;border-radius:2px;width:3px}.connection-signal i:first-child{height:5px}.connection-signal i:nth-child(2){height:9px}.connection-signal i:nth-child(3){height:13px}.connection-signal.online i{background:#49a681}.leave-room-button{width:100%;min-height:44px;color:var(--v4-accent-ink);background:#fff8f6;border:1px solid #e45c5b29;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.78rem;font-weight:900;transition:background .18s,transform .18s;display:flex}.leave-room-button:hover{background:#ffefec;transform:translateY(-1px)}.leave-room-button:active{transform:translateY(0)}.leave-room-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}.play-layout-active .studio-stage,.play-layout-active .studio-workbench{gap:0;height:100%}.play-layout-active .studio-pane-board .board-panel{border-radius:18px;height:calc(100% - 80px);padding:12px}.play-layout-active .board-wrapper{gap:10px}.play-layout-active .board-topbar{grid-template-columns:minmax(0,1fr) 122px;gap:10px;min-height:60px;padding-right:0}.play-layout-active .board-color-summary{border-radius:10px;width:100%;min-height:58px;max-height:58px}.play-layout-active .board-hint-stack{justify-items:start;width:122px;min-width:0;max-width:122px;padding:8px 4px;position:static}.play-layout-active .canvas-viewport{border-radius:12px}.play-layout-active .board-canvas{border-radius:8px}.play-layout-active .floating-toolbar-shell{max-width:calc(100% - 24px)}.play-layout-active .floating-toolbar{border-radius:16px;max-width:100%}.reference-column{flex-direction:column;gap:10px;width:100%;min-width:0;min-height:0;display:flex}.collaboration-overview{background:#fffdfaf5;border:1px solid #49345b1f;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:12px 16px;display:flex;box-shadow:0 14px 34px #714c3217}.collaboration-overview>div:first-child{gap:3px;min-width:0;display:grid}.collaboration-overview strong{color:var(--v4-text);font-size:.78rem}.collaboration-overview small{color:var(--v4-text-2);font-size:.62rem}.collaboration-avatars{justify-content:flex-end;padding-left:8px;display:flex}.collaboration-avatars>span{width:29px;height:29px;color:var(--v4-text-2);background:#f6dfd9;border:2px solid #fff;border-radius:50%;place-items:center;margin-left:-7px;display:grid;overflow:hidden;box-shadow:0 3px 8px #49345b21}.collaboration-avatars img{object-fit:cover;width:100%;height:100%}.collaboration-avatars i{font-size:.62rem;font-style:normal;font-weight:900}.play-layout-active .reference-panel{border-radius:18px;flex:auto;min-height:0;padding:16px}.reference-panel-header{justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex;position:relative}.reference-panel-header h2{color:var(--v4-accent-ink);margin:0;font-size:.86rem}.reference-panel-header .ghost-button{border-radius:9px;width:auto;min-height:34px;padding:0 12px;font-size:.68rem}.reference-pin{background:linear-gradient(145deg,#fb7087,#d72f5c);border-radius:50%;width:21px;height:21px;position:absolute;top:-2px;left:50%;transform:translate(-50%);box-shadow:0 8px 12px #b82a4d47}.reference-pin:after{content:"";background:#b92a4c;border-radius:2px;width:3px;height:13px;position:absolute;top:18px;left:9px;transform:rotate(6deg)}.reference-pin i{background:#ffffff9e;border-radius:50%;width:7px;height:5px;position:absolute;top:3px;left:5px;transform:rotate(-25deg)}.reference-select-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;margin:7px 0 10px;display:grid}.reference-select-row>span{color:var(--v4-text-2);font-size:.65rem;font-weight:800}.reference-select-row .gallery-select{border-radius:9px;min-width:0;height:34px;padding:0 9px;font-size:.68rem}.play-layout-active .reference-viewport,.play-layout-active .reference-empty{background:#fffaf5;border-radius:10px}.play-layout-active .reference-image,.play-layout-active .reference-chart-board{border-radius:6px}.reference-zoom-controls{background:#fff;border:1px solid #49345b1a;border-radius:10px;grid-template-columns:30px minmax(56px,1fr) 30px auto auto;align-items:center;gap:7px;margin-top:10px;padding:8px 9px;display:grid}.reference-zoom-controls button{height:30px;color:var(--v4-text-2);background:#fffaf7;border:1px solid #49345b1c;border-radius:8px;place-items:center;padding:0;font-size:.62rem;font-weight:800;display:grid}.reference-zoom-controls button:hover{background:#fff0eb}.reference-zoom-controls svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:15px}.reference-zoom-controls input{accent-color:#ef6468;width:100%}.reference-zoom-controls strong{color:var(--v4-text-2);font-variant-numeric:tabular-nums;font-size:.65rem}.reference-zoom-controls .reference-fit-button{white-space:nowrap;width:auto;padding:0 9px}@media (width>=1101px){.play-layout-active .studio-workbench{flex-direction:row}.play-layout-active .studio-pane-board,.play-layout-active .studio-pane-reference{flex-basis:auto!important}.play-layout-active .pane-resizer{cursor:col-resize;flex:0 0 10px;width:10px;height:100%}.play-layout-active .pane-resizer span{background:#e85d5c40;width:4px;height:78px}}@media (width<=1100px){.app-shell.play-fullscreen{height:auto;min-height:100dvh;overflow:visible}.main-shell.play-fullscreen-shell{height:auto;min-height:calc(100dvh - 24px)}.play-layout-active{grid-template-columns:1fr;height:auto;overflow:visible}.workbench-sidebar,.room-inspector{overflow:visible}.play-layout-active .studio-workbench{height:auto}.play-layout-active .studio-pane-board,.play-layout-active .studio-pane-reference{width:100%!important}.play-layout-active .studio-pane-board{flex-direction:column}.play-layout-active .studio-pane-board .board-panel{height:auto;min-height:620px}.play-layout-active .reference-panel{min-height:560px}.play-layout-active .floating-toolbar-shell{width:100%;max-width:100%;margin-top:10px;position:static}.play-layout-active .floating-toolbar{width:100%}}@media (width<=680px){.app-shell.play-fullscreen{padding:6px}.main-shell.play-fullscreen-shell{min-height:calc(100dvh - 12px)}.play-entry-layout{border-radius:14px}.play-entry-topbar{padding:0 14px}.play-entry-main{place-items:start center;padding:14px}.play-entry-panel{border-radius:14px;padding:18px}.play-entry-heading h1{font-size:1.35rem}.play-join-row{align-items:stretch}.workbench-sidebar{border-radius:14px;padding:14px}.play-layout-active .studio-pane-board .board-panel{min-height:520px}.play-layout-active .board-topbar{grid-template-columns:1fr}.play-layout-active .board-hint-stack{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}.play-layout-active .reference-panel{min-height:500px}.reference-pin{display:none}.reference-zoom-controls{grid-template-columns:30px minmax(60px,1fr) 30px auto}.reference-zoom-controls .reference-fit-button{grid-column:1/-1}}@media (width<=720px){.app-shell{padding:14px}.auth-shell,.play-layout{grid-template-columns:1fr}.panel{border-radius:22px;padding:18px}.field-grid,.mode-tabs,.tool-mode,.status-grid,.bead-code-grid{grid-template-columns:1fr}.toolbar-header,.board-topbar{flex-direction:column}.board-topbar{grid-template-columns:1fr}.board-color-summary{width:100%;max-height:132px}.note-bottom-bar{grid-template-columns:1fr}.note-social-actions button{flex:1 1 0}.canvas-viewport,.reference-viewport,.reference-empty,.empty-board,.board-panel,.reference-panel,.note-board-viewport{min-height:360px}.floating-toolbar{padding:10px}.toolbar-mode-button,.toolbar-pen-card,.toolbar-trailing-group,.toolbar-search-group,.toolbar-inline-input{width:100%;min-width:0}.board-hint-stack{justify-items:start}}@media (width<=1180px){.manage-app{grid-template-columns:1fr}.manage-sidebar{z-index:20;min-height:auto;position:sticky;top:0}.manage-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.manage-notes-layout,.room-grid{grid-template-columns:1fr}.manage-table{overflow-x:auto}.manage-row{min-width:920px}}@media (width<=720px){.manage-main{padding:14px}.manage-topbar,.manage-toolbar,.manage-detail-header,.manage-pager{flex-direction:column;align-items:stretch}.manage-nav{grid-template-columns:1fr}.manage-login-card,.manage-panel{padding:14px}}:root{--dw-ink:#2f241a;--dw-ink-soft:#6f5a46;--dw-paper:#fffaf1;--dw-paper-strong:#fff4df;--dw-cream:#f9ead0;--dw-line:#49345b21;--dw-line-strong:#49345b38;--dw-coral:#e85d3f;--dw-coral-deep:#bf3e29;--dw-green:#2e8b75;--dw-green-soft:#dff4ec;--dw-yellow:#f2c84b;--dw-blue:#70a8d8;--dw-lilac:#bca6df;--dw-shadow:0 22px 60px #49345b21;--dw-shadow-soft:0 12px 32px #49345b1a;--dw-shadow-tight:0 8px 18px #49345b1f;--dw-radius-lg:28px;--dw-radius-md:20px;--dw-radius-sm:14px;color:var(--dw-ink);background:#fff6e7;font-family:Nunito,Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;letter-spacing:0}html{background:#fff6e7;min-height:100%}body{min-height:100%;color:var(--dw-ink);background:radial-gradient(circle at 13% 9%,#f2c84b4d,#0000 25%),radial-gradient(circle at 88% 10%,#70a8d840,#0000 23%),radial-gradient(circle at 73% 92%,#7960a429,#0000 25%),linear-gradient(135deg,#fff8eb 0%,#f8ead3 48%,#fff3df 100%)}body:before{content:"";z-index:0;pointer-events:none;opacity:.34;background-image:radial-gradient(circle,#49345b1a 1px,#0000 1.5px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px),linear-gradient(#ffffff73 1px,#0000 1px);background-size:24px 24px,48px 48px,48px 48px;position:fixed;inset:0}#app{z-index:1;position:relative}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.tab:focus-visible,.chip:focus-visible{outline-offset:3px;outline:3px solid #7960a447}.site-icp-footer{color:var(--v4-text-2)}.main-shell{gap:16px;width:min(1500px,100%);height:calc(100dvh - 48px);min-height:calc(100dvh - 48px);margin:0 auto}.panel,.auth-card,.note-card,.portfolio-card,.artwork-mini-card,.comment-card,.gallery-item-card,.drawing-card,.status-card,.reference-card,.room-card,.manage-panel,.manage-login-card{color:var(--dw-ink);background:linear-gradient(180deg, #fffcf5f5, #fff5e1e6), var(--dw-paper);border:1px solid var(--dw-line);border-radius:var(--dw-radius-lg);box-shadow:var(--dw-shadow)}.panel.compact{border-radius:var(--dw-radius-md)}.eyebrow,.section-eyebrow,.meta-label,.field-label,.toolbar-subtle,.stat-label{color:var(--dw-coral-deep);text-transform:none;font-weight:900}.eyebrow{margin:0 0 6px;font-size:.8rem}.lead,.subtitle,.hint,.empty-text,.cell-help,.note-meta,.comment-meta,.gallery-meta,.gallery-empty,.portfolio-card-meta,.room-meta,.status-card p,.stats-card p,.tile-subtext,.helper-text,.preview-caption{color:var(--dw-ink-soft)}h1,h2,h3,.title,.section-title,.note-title,.portfolio-card-title,.gallery-title,.room-card h3{color:var(--dw-ink);font-weight:900}.title{font-size:2.15rem;line-height:1.05}.section-title{font-size:1.16rem}.app-header{background:linear-gradient(120deg, #fffcf3fa, #ffefd2eb), var(--dw-paper);border-radius:30px;align-items:center;gap:18px;min-height:74px;padding:14px 18px;box-shadow:0 20px 48px #49345b1f}.app-brand{align-items:center;gap:14px;min-width:0;display:flex}.bead-brand-mark{width:50px;height:50px;box-shadow:inset 0 -5px 12px #7960a41a, var(--dw-shadow-tight);background:linear-gradient(145deg,#fffdf8,#ffe8c6);border:1px solid #49345b21;border-radius:18px;flex:none;grid-template-columns:repeat(3,10px);gap:4px;padding:8px;display:grid}.bead-brand-mark span{border-radius:999px;width:10px;height:10px;box-shadow:inset 0 2px 3px #ffffffbf,0 2px 4px #49345b29}.bead-brand-mark span:first-child,.bead-brand-mark span:nth-child(7){background:var(--dw-coral)}.bead-brand-mark span:nth-child(2),.bead-brand-mark span:nth-child(9){background:var(--dw-yellow)}.bead-brand-mark span:nth-child(3),.bead-brand-mark span:nth-child(5){background:var(--dw-green)}.bead-brand-mark span:nth-child(4),.bead-brand-mark span:nth-child(8){background:var(--dw-blue)}.bead-brand-mark span:nth-child(6){background:var(--dw-lilac)}.header-actions{align-items:center;gap:12px}.top-tabs{background:#ffffff85;border:1px solid #49345b1a;border-radius:999px;gap:6px;padding:6px;box-shadow:inset 0 1px #fffc}.tab,.chip,.pill-button,.mode-card,.nav-pill{min-height:40px;color:var(--dw-ink-soft);background:0 0;border:1px solid #0000;border-radius:999px;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.tab:hover,.chip:hover,.pill-button:hover,.mode-card:hover,.nav-pill:hover{background:#ffffffb3;border-color:#7960a42e;transform:translateY(-1px)}.tab.active,.chip.active,.pill-button.active,.mode-card.active,.nav-pill.active{color:#fff;background:linear-gradient(180deg, #f47758, var(--dw-coral));border-color:#bf3e294d;box-shadow:0 10px 24px #7960a43d}.primary-button,.secondary-button,.ghost-button,.danger-button,.toolbar-button,.icon-button,.circle-tool,.manage-action,.submit-button,.wechat-button{border-radius:18px;font-weight:900;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.primary-button,.submit-button,.publish-primary,.wechat-button{color:#fff;background:linear-gradient(180deg, #f47758 0%, var(--dw-coral) 100%);border:1px solid #bf3e2940;box-shadow:0 12px 28px #7960a442}.primary-button:hover,.submit-button:hover,.publish-primary:hover,.wechat-button:hover,.secondary-button:hover,.ghost-button:hover,.toolbar-button:hover,.icon-button:hover,.circle-tool:hover,.manage-action:hover{transform:translateY(-1px)}.primary-button:active,.submit-button:active,.secondary-button:active,.ghost-button:active,.toolbar-button:active,.icon-button:active,.circle-tool:active{transform:translateY(0)}.secondary-button,.ghost-button,.toolbar-button,.icon-button,.circle-tool,.manage-action,.publish-secondary{color:var(--dw-ink);border:1px solid var(--dw-line);background:#ffffffa3;box-shadow:0 8px 18px #49345b14}.danger-button,.manage-action.danger,.danger-text{color:#a83223;background:#fff1ed;border-color:#7960a433}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.submit-button:disabled,.toolbar-button:disabled{color:var(--v4-text-2);box-shadow:none;background:#ffffff85;border-color:#49345b14;transform:none}.field,.inline-field,.toolbar-search-group,.toolbar-inline-input,.comment-form,.auth-form,.publish-form,.search-box{color:var(--dw-ink)}.field input,.field textarea,.field select,.inline-field input,.inline-field select,.toolbar-search-group input,.toolbar-inline-input input,.toolbar-inline-input select,.comment-form textarea,.publish-form textarea,.auth-form input,.search-input,.manage-input,.manage-select,.manage-textarea{color:var(--dw-ink);border:1px solid var(--dw-line-strong);background:#ffffffc7;border-radius:18px;box-shadow:inset 0 2px 5px #49345b0a}.field input::placeholder,.field textarea::placeholder,.toolbar-search-group input::placeholder,.comment-form textarea::placeholder,.publish-form textarea::placeholder,.search-input::placeholder{color:var(--v4-text-2)}.auth-page{align-items:center;min-height:100dvh}.auth-card{width:min(520px,100%);padding:30px}.auth-hero{flex-direction:column;justify-content:flex-end;min-height:600px;display:flex;position:relative;overflow:hidden}.auth-hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 28px 28px,#49345b12 1px,#0000 2px) 0 0/24px 24px,linear-gradient(135deg,#ffffff6b,#fff4df52);border-radius:24px;position:absolute;inset:22px}.auth-hero>:not(.auth-craft-board){z-index:2;position:relative}.auth-craft-board{z-index:1;background:radial-gradient(circle at 20px 20px,#49345b0f 1px,#0000 2px) 0 0/22px 22px,#fffaf1b8;border:1px solid #49345b1f;border-radius:28px;grid-template-columns:repeat(6,minmax(28px,1fr));gap:14px;max-width:520px;padding:24px;display:grid;position:absolute;top:34px;left:34px;right:34px;box-shadow:inset 0 8px 20px #49345b12,0 18px 36px #49345b1a}.auth-craft-board span{aspect-ratio:1;border-radius:999px;box-shadow:inset 0 7px 9px #ffffff9e,0 5px 10px #49345b29}.auth-craft-board span:nth-child(4n){background:var(--dw-blue)}.auth-craft-board span:nth-child(3),.auth-craft-board span:nth-child(10){background:var(--dw-lilac)}.auth-logo{background:radial-gradient(circle at 33% 33%, #fff 0 12%, transparent 13%), linear-gradient(135deg, var(--dw-coral), var(--dw-yellow));border:1px solid #49345b1f;box-shadow:0 18px 36px #7960a433}.auth-tabs{border:1px solid var(--dw-line);background:#ffffff8f;border-radius:999px;padding:6px}.toast-stack{z-index:90}.auth-modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#2f241a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.auth-modal-dialog{width:min(940px,100vw - 32px);max-height:calc(100dvh - 32px);position:relative;overflow:auto}.auth-modal-close{z-index:3;width:38px;height:38px;color:var(--dw-ink);box-shadow:var(--dw-shadow-tight);background:#ffffffd1;border:1px solid #49345b1f;border-radius:999px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.auth-modal-close:hover{transform:translateY(-1px)}.auth-shell-modal{grid-template-columns:minmax(230px,.78fr) minmax(320px,1fr);align-items:stretch;gap:14px}.auth-shell-modal .auth-hero{min-height:0;padding:26px}.auth-shell-modal .auth-card{width:100%;min-height:0;padding:30px}.auth-shell-modal .auth-craft-board{grid-template-columns:repeat(4,minmax(20px,1fr));gap:10px;width:min(260px,100%);margin-bottom:auto;padding:18px;position:relative;top:auto;left:auto;right:auto}.auth-shell-modal .auth-hero h1{margin-top:8px;font-size:1.6rem;line-height:1.12}.hall-layout,.mine-layout,.publish-layout,.note-detail-layout{gap:18px}.play-layout{grid-template-columns:minmax(288px,336px) minmax(0,1fr);gap:18px}.play-sidebar,.mine-sidebar,.publish-sidebar,.note-sidebar,.status-column,.room-list,.gallery-grid,.portfolio-grid,.note-grid,.drawing-grid,.comment-list,.reference-grid,.status-grid{gap:14px}.note-card,.portfolio-card,.gallery-item-card,.drawing-card,.room-card{border-radius:24px;padding:16px;overflow:hidden}.note-card:hover,.portfolio-card:hover,.gallery-item-card:hover,.drawing-card:hover,.room-card:hover{transform:translateY(-2px);box-shadow:0 20px 44px #49345b29}.note-cover,.portfolio-cover,.gallery-thumb,.drawing-thumb,.room-cover,.publish-preview,.profile-avatar{border:1px solid var(--dw-line);background:linear-gradient(135deg,#ffffffc7,#ffeed094),repeating-linear-gradient(0deg,#0000 0 17px,#49345b0a 17px 18px);border-radius:22px}.profile-avatar{color:#fff;background:linear-gradient(135deg, var(--dw-coral), var(--dw-yellow));box-shadow:inset 0 2px 8px #ffffff4d, var(--dw-shadow-tight)}.stats-grid{gap:12px}.stats-card,.stat-card,.summary-card{border:1px solid var(--dw-line);background:#ffffff9e;border-radius:22px;box-shadow:inset 0 1px #ffffffbf}.stat-value{color:var(--dw-coral-deep)}.board-shell,.board-panel,.reference-panel,.note-board-panel{background:linear-gradient(180deg, #fffcf5fa, #fff4dfe6), var(--dw-paper);border:1px solid var(--dw-line);box-shadow:var(--dw-shadow);border-radius:30px}.board-topbar,.reference-header,.gallery-header,.publish-header,.note-detail-header,.status-header,.toolbar-section-header{border-color:var(--dw-line)}.board-color-summary{border:1px solid var(--dw-line);background:#ffffff9e;border-radius:18px}.canvas-viewport,.reference-viewport,.note-board-viewport,.empty-board,.reference-empty{border:1px solid var(--dw-line);background:radial-gradient(circle at 18px 18px,#49345b12 1px,#0000 1.5px) 0 0/24px 24px,linear-gradient(135deg,#fffaf0,#ffecca);border-radius:24px;box-shadow:inset 0 10px 28px #49345b14}.board-canvas,.reference-chart-board{border-radius:22px;box-shadow:0 18px 40px #49345b26}.board-preview,.mini-board-preview,.note-board-preview,.publish-board-preview{border:1px solid var(--dw-line);background:#fffaf2;border-radius:22px;box-shadow:inset 0 2px 8px #49345b0f}.mini-board-cell,.note-board-cell,.publish-board-cell{border-radius:2px;box-shadow:0 1px 2px #49345b12;border:0!important}.floating-toolbar{border:1px solid var(--dw-line);box-shadow:var(--dw-shadow);background:linear-gradient(#fffcf5f5,#ffefd5eb);border-radius:26px;padding:10px}.toolbar-mode-switch{border:1px solid var(--dw-line);background:#ffffff94;border-radius:22px;padding:5px}.toolbar-mode-button.active,.circle-tool.active,.toolbar-pen-card.active{color:#fff;background:linear-gradient(180deg, #f47758, var(--dw-coral));border-color:#bf3e2947;box-shadow:0 12px 24px #7960a438}.toolbar-pen-card,.toolbar-palette-button,.toolbar-color-swatch,.palette-swatch,.color-chip,.bead-color-chip{border-color:#49345b29;box-shadow:inset 0 2px 4px #ffffff8c,0 6px 14px #49345b1a}.toolbar-menu,.publish-menu,.dropdown-menu,.color-popover,.modal-card{border:1px solid var(--dw-line);background:linear-gradient(#fffcf5fa,#fff2ddf5);border-radius:24px;box-shadow:0 24px 64px #49345b2e}.reference-item,.gallery-list-item,.note-row,.comment-row,.activity-item,.task-item,.share-box{border:1px solid var(--dw-line);background:#ffffff9e;border-radius:20px}.tag,.badge,.status-pill,.meta-pill,.count-badge,.board-size-badge{color:var(--dw-coral-deep);background:#fff0dc;border:1px solid #7960a429;border-radius:999px}.status-pill.success,.badge.success,.tag.success{color:#176f5c;background:var(--dw-green-soft);border-color:#2e8b752e}.status-pill.info,.badge.info,.tag.info{color:#2d6f9d;background:#e8f4ff;border-color:#70a8d833}.note-detail-main,.publish-main,.studio-main,.hall-main,.mine-main{min-width:0}.empty-state,.empty-card,.notice-card,.placeholder-panel{color:var(--dw-ink-soft);background:#ffffff8c;border:1px dashed #49345b38;border-radius:22px}.placeholder-panel{background:radial-gradient(circle at 34px 34px,#7960a41f 3px,#0000 4px) 0 0/104px 104px,radial-gradient(circle at 70px 70px,#2e8b751a 3px,#0000 4px) 0 0/104px 104px,linear-gradient(#fffcf5f5,#fff5e1e0);flex-direction:column;justify-content:center;min-height:220px;display:flex;overflow:hidden}.empty-title{color:var(--dw-ink);margin:0;font-size:1.2rem;font-weight:900}.manage-app,.manage-shell{color:var(--dw-ink);background:radial-gradient(circle at 12% 8%,#f2c84b2e,#0000 24%),linear-gradient(135deg,#fff8eb,#f5ead8)}.manage-sidebar{border-color:var(--dw-line);background:#fffaf1eb}.manage-nav button.active{background:linear-gradient(180deg, #f47758, var(--dw-coral));color:#fff}@media (width<=1180px){.main-shell{width:100%;height:auto;min-height:100dvh}.play-layout{grid-template-columns:1fr}.play-sidebar,.mine-sidebar,.publish-sidebar,.note-sidebar{order:-1}}@media (width<=760px){.app-shell{padding:12px}.panel{border-radius:24px;padding:16px}.app-header{border-radius:24px;align-items:stretch}.app-brand{align-items:flex-start}.bead-brand-mark{grid-template-columns:repeat(3,8px);gap:3px;width:44px;height:44px;padding:8px}.bead-brand-mark span{width:8px;height:8px}.header-actions,.top-tabs{width:100%}.top-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tab{justify-content:center;padding:9px 10px}.title{font-size:1.72rem}.auth-hero{min-height:420px}.auth-modal-backdrop{padding:12px}.auth-modal-dialog{width:100%;max-height:calc(100dvh - 24px)}.auth-modal-close{top:10px;right:10px}.auth-shell-modal{grid-template-columns:1fr}.auth-shell-modal .auth-hero{display:none}.auth-shell-modal .auth-card{padding:22px}.auth-craft-board{gap:10px;padding:18px;left:20px;right:20px}.canvas-viewport,.reference-viewport,.note-board-viewport,.empty-board{min-height:320px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-primary-tabs,.auth-method-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.auth-primary-tabs{margin-bottom:18px}.auth-primary-tabs .tab{min-height:44px}.auth-method-tabs{border:1px solid var(--dw-line);background:#ffffff7a;border-radius:14px;margin-bottom:18px;padding:4px}.auth-method-tab{min-height:40px;color:var(--dw-muted);background:0 0;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.auth-method-tab:hover{color:var(--dw-ink);background:#ffffffb8}.auth-method-tab.active{color:#a83223;background:#fff1ed;box-shadow:inset 0 0 0 1px #7960a42e}.auth-form-stack{gap:16px;display:grid}.auth-form-stack .field,.contact-binding-form .field{min-width:0}.auth-form-stack .field-grid{margin:0}.auth-register-grid{align-items:start}.auth-field-heading,.auth-step-heading,.contact-binding-form-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-field-heading>label{color:inherit;font-size:inherit}.auth-link-button{color:#a83223;background:0 0;min-height:32px;padding:0 4px;font-size:12px;font-weight:700}.auth-link-button:hover{text-underline-offset:3px;text-decoration:underline}.auth-code-row{grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:8px;min-width:0;display:grid}.auth-code-row>input{min-width:0}.auth-code-button{white-space:nowrap;min-width:118px;min-height:46px;padding:8px 12px}.auth-phone-input{border:1px solid var(--dw-line-strong);background:#ffffffc7;border-radius:18px;grid-template-columns:58px minmax(0,1fr);align-items:center;min-width:0;display:grid;overflow:hidden;box-shadow:inset 0 2px 5px #49345b0a}.auth-phone-input>span{border-right:1px solid var(--dw-line);min-height:46px;color:var(--dw-muted);place-items:center;font-size:13px;font-weight:700;display:grid}.field .auth-phone-input>input,.contact-binding-form .auth-phone-input>input{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0}.field>label{color:var(--dw-muted);font-size:.92rem}.field-error{color:#a83223;font-size:12px;line-height:1.45}.field input[aria-invalid=true]{border-color:#a83223ad;box-shadow:0 0 0 3px #a8322314}.field .auth-phone-input:has(input[aria-invalid=true]){border-color:#a83223ad;box-shadow:0 0 0 3px #a8322314}.auth-form-message{color:#176f5c;background:#eef9f5;border-radius:10px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.auth-form-message.error{color:#a83223;background:#fff1ed}.auth-step-heading{justify-content:flex-start;margin-bottom:22px}.auth-step-heading h2,.profile-section-heading h2{color:var(--dw-ink);margin:0;font-size:1.35rem}.auth-step-heading p,.profile-section-heading>p:last-child,.contact-binding-form-heading p{color:var(--dw-muted);margin:5px 0 0;font-size:12px;line-height:1.5}.auth-back-button{border:1px solid var(--dw-line);width:44px;height:44px;color:var(--dw-ink);background:#ffffffb8;border-radius:12px;flex:none;font-size:20px}.auth-modal-close{width:44px;height:44px}.profile-account-panel{grid-column:1/-1}.profile-section-heading{margin-bottom:18px}.profile-section-heading .eyebrow{margin-bottom:5px}.profile-basic-grid{max-width:900px}.profile-security-section{border-top:1px solid var(--dw-line);margin-top:30px;padding-top:26px}.contact-binding-list{border-top:1px solid var(--dw-line);max-width:900px;display:grid}.contact-binding-row{border-bottom:1px solid var(--dw-line);grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:12px 0;display:grid}.contact-binding-mark{color:#a83223;background:#fff1ed;border-radius:10px;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.contact-binding-row strong{font-size:14px}.contact-binding-row p{color:var(--dw-muted);margin:4px 0 0;font-size:12px}.contact-binding-status{min-width:58px;color:var(--dw-muted);text-align:center;font-size:11px}.contact-binding-status.bound{color:#176f5c;font-weight:700}.contact-binding-action{white-space:nowrap;min-width:88px;min-height:40px;padding:8px 12px}.contact-binding-form{background:#fff6ebb8;border-radius:12px;gap:16px;max-width:680px;margin-top:18px;padding:18px;display:grid}.contact-binding-form-heading strong{font-size:15px}.profile-contact-notice{max-width:680px;margin-top:16px}.profile-password-section{border-top:1px solid var(--dw-line);max-width:900px;margin-top:26px;padding-top:22px}.profile-password-section h3{margin:0 0 16px;font-size:1rem}@media (width<=680px){.auth-card{padding:22px}.contact-binding-row{grid-template-columns:42px minmax(0,1fr) auto}.contact-binding-action{grid-column:2/4;justify-self:start}}@media (width<=460px){.auth-code-row{grid-template-columns:minmax(0,1fr)}.auth-code-button{width:100%}.auth-primary-tabs .tab,.auth-method-tab{padding-left:8px;padding-right:8px;font-size:12px}.contact-binding-form{padding:14px}}.board-topbar{grid-template-columns:minmax(250px,.92fr) minmax(252px,1fr);align-items:start;gap:12px;padding-right:140px;position:relative}.board-color-summary{overscroll-behavior-inline:contain;scrollbar-width:thin;border-radius:18px;grid-template-rows:repeat(2,27px);grid-template-columns:none;grid-auto-columns:74px;grid-auto-flow:column;place-content:start;gap:4px 6px;width:min(100%,500px);min-height:72px;max-height:72px;padding:7px 9px 8px;overflow:auto hidden}.board-color-summary.empty{width:min(100%,300px);min-height:54px;max-height:54px}.board-color-chip{border-radius:12px;grid-template-rows:1fr;grid-template-columns:38px 1fr;place-items:center;gap:3px;width:85px;min-width:74px;height:27px;padding:3px 5px;display:grid}.board-color-swatch{border-radius:6px;min-width:34px;max-width:38px;height:17px;padding:0 4px;font-size:10.5px;line-height:17px}.board-color-count{font-size:10.5px;line-height:1.05}.board-hint-stack{justify-items:stretch;gap:2px;width:126px;min-width:96px;max-width:126px;padding-top:2px;position:absolute;top:0;right:0}.board-hint{width:100%;color:var(--v4-text-2);text-align:left;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.68rem;font-weight:800;line-height:1.08;display:-webkit-box;overflow:hidden}.board-hint-color{color:var(--v4-text-2)}@media (width<=1180px){.board-topbar{grid-template-columns:1fr;padding-right:0}.board-color-summary{width:100%}.board-hint-stack{grid-template-columns:repeat(2,minmax(0,1fr));width:auto;max-width:none;position:static}}.play-layout.play-layout-active{grid-template-columns:minmax(220px,264px) minmax(0,1fr);gap:10px;overflow:hidden}@media (width<=1100px){.play-layout.play-layout-active{grid-template-columns:1fr;overflow:visible}}html{background:var(--v4-app-bg)}body{background:var(--v4-app-bg);color:var(--v4-text)}button,input,select{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb, var(--v4-accent), transparent 45%);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon-button{border:1px solid var(--v4-line);width:38px;height:38px;color:var(--v4-text);background:var(--v4-surface-2);border-radius:10px;flex:0 0 38px;place-items:center;padding:0;transition:background .2s,border-color .2s,transform .2s;display:inline-grid}.icon-button:hover{border-color:var(--v4-line-strong);background:var(--v4-surface-3)}.icon-button:active{transform:translateY(1px)}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px}.icon-button.subtle{background:0 0;border-color:#0000}.main-shell{width:100%;max-width:none;margin:0}.main-shell:not(.play-fullscreen-shell){height:auto;min-height:100dvh;overflow:visible}.v4-app-header{z-index:40;border:0;border-bottom:1px solid var(--v4-line);background:color-mix(in srgb, var(--v4-surface), transparent 4%);min-height:62px;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:0;flex-wrap:nowrap;align-items:center;gap:8px;margin:0;padding:0 22px;position:sticky;top:0}.v4-app-header .app-brand{min-width:122px}.v4-app-header .app-brand>div{gap:0;display:grid}.v4-app-header .app-brand strong{color:var(--v4-text);font-size:17px}.v4-app-header .app-brand small{color:var(--v4-muted);font-size:9px}.v4-app-header .bead-brand-mark{background:var(--v4-accent);width:36px;height:36px;box-shadow:none;border-radius:10px}.v4-app-header .bead-brand-mark span{background:#ffffffe6}.v4-app-header .header-actions{flex-wrap:nowrap;flex:1;justify-content:space-between}.v4-app-header .top-tabs{box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;gap:4px;margin-left:22px;padding:0}.v4-app-header .top-tabs .tab{min-height:38px;color:var(--v4-text-2);background:0 0;border-radius:8px;padding:0 14px;font-size:13px}.header-account-button{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.workspace-v4{background:var(--v4-app-bg);width:100%;min-width:1080px;height:100%;min-height:0;color:var(--v4-text);overflow:hidden}.workspace-topbar{border-bottom:1px solid var(--v4-line);background:var(--v4-surface);justify-content:space-between;align-items:center;gap:18px;height:58px;padding:0 14px 0 16px;display:flex}.workspace-title-block,.workspace-title-line,.workspace-top-actions{align-items:center;display:flex}.workspace-title-block{gap:12px;min-width:0}.workspace-title-block>div{min-width:0}.workspace-title-line{gap:8px}.workspace-title-line h1{max-width:420px;color:var(--v4-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;line-height:1.25;overflow:hidden}.workspace-title-block p{color:var(--v4-muted);margin:3px 0 0;font-size:11px}.workspace-workflow-tag{color:var(--v4-accent-ink);background:var(--v4-accent-soft);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700}.workspace-top-actions{gap:8px}.save-state-button{min-height:34px;color:var(--v4-text-2);background:0 0;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:11px;display:inline-flex}.save-state-button>span,.save-panel-status>span{background:var(--v4-muted);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.save-state-button.is-saved>span,.save-panel-status.is-saved>span{background:var(--v4-success)}.save-state-button.is-saving>span,.save-state-button.is-retrying>span,.save-panel-status.is-saving>span,.save-panel-status.is-retrying>span{background:var(--v4-info);animation:1s infinite v4-pulse}.save-state-button.is-pending>span,.save-panel-status.is-pending>span{background:var(--v4-warning)}.save-state-button.is-failed>span,.save-panel-status.is-failed>span{background:var(--v4-error)}.workspace-member-stack{padding-left:8px;display:flex}.workspace-member-stack span{border:2px solid var(--v4-surface);color:#fff;background:var(--v4-info);border-radius:50%;place-items:center;width:27px;height:27px;margin-left:-8px;font-size:10px;font-weight:800;display:grid}.workspace-member-stack span:nth-child(3n+1){background:var(--v4-accent)}.workspace-member-stack span:nth-child(3n){background:var(--v4-success)}.icon-button.has-badge{position:relative}.icon-button.has-badge i{border:2px solid var(--v4-surface);color:#fff;background:var(--v4-error);border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:9px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.workspace-complete-button{color:#fff;background:var(--v4-action);border-radius:8px;min-height:38px;padding:0 16px;font-size:12px;font-weight:700}.workspace-complete-button:disabled{cursor:not-allowed;opacity:.45}.workspace-body{grid-template-columns:220px minmax(0,1fr) 286px 52px;height:calc(100% - 58px);min-height:0;display:grid}.workspace-operation-notice{z-index:79;border:1px solid var(--v4-line);max-width:360px;color:var(--v4-text-2);background:var(--v4-surface-2);box-shadow:var(--v4-shadow);border-radius:8px;margin:0;padding:10px 13px;font-size:11px;position:fixed;top:70px;right:350px}.workspace-regions,.workspace-inspector,.workspace-collab-rail{border-right:1px solid var(--v4-line);background:var(--v4-surface);min-height:0}.workspace-regions{flex-direction:column;transition:width .2s;display:flex;overflow:hidden}.workspace-regions>header{border-bottom:1px solid var(--v4-line);justify-content:space-between;align-items:center;height:54px;padding:0 10px 0 14px;font-size:13px;display:flex}.region-header-actions{align-items:center;gap:2px;display:flex}.workspace-regions.collapsed>header{justify-content:center;padding:0}.region-current{border-bottom:1px solid var(--v4-line);padding:16px 14px 12px}.region-current small,.inspector-section>small,.workspace-overlay header small{color:var(--v4-accent);font-size:10px;font-weight:700}.region-current h2{margin:7px 0 5px;font-size:17px}.region-current p{color:var(--v4-text-2);margin:0;font-size:11px;line-height:1.5}.region-edit-command{color:var(--v4-accent);background:0 0;margin-top:10px;padding:5px 0;font-size:10px;font-weight:700}.region-list{padding:8px;display:grid}.region-list button{min-height:58px;color:var(--v4-text);text-align:left;background:0 0;border-radius:8px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:7px 9px;display:grid}.region-list button:hover{background:var(--v4-surface-3)}.region-list button.active{background:var(--v4-accent-soft)}.region-list button>span,.region-collapsed-list span{width:28px;height:28px;color:var(--v4-text-2);background:var(--v4-surface-3);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.region-list button.active>span,.region-collapsed-list span.active{color:#fff;background:var(--v4-action)}.region-list button div{gap:3px;min-width:0;display:grid}.region-list strong,.region-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.region-list strong{font-size:12px}.region-list small{color:var(--v4-muted);font-size:10px}.region-rule-note{color:var(--v4-text-2);background:var(--v4-surface-3);border-radius:8px;margin:auto 12px 12px;padding:12px;font-size:10px;line-height:1.55}.region-collapsed-list{justify-content:center;gap:10px;padding:12px 0;display:grid}.workspace-stage{background:var(--v4-canvas-shell);grid-template-rows:48px minmax(0,1fr) 70px;min-width:0;min-height:0;display:grid}.workspace-contextbar{border-bottom:1px solid var(--v4-line);background:var(--v4-surface);justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.workspace-contextbar>div:first-child{align-items:baseline;gap:8px;display:flex}.workspace-contextbar span{color:var(--v4-muted);font-size:10px}.workspace-view-actions{gap:5px;display:flex}.workspace-mobile-regions{display:none!important}.workspace-view-actions button{border:1px solid var(--v4-line);width:32px;height:32px;color:var(--v4-text-2);background:var(--v4-surface-2);border-radius:8px;place-items:center;padding:0;display:grid}.workspace-view-actions button:disabled{opacity:.4}.workspace-view-actions svg,.workspace-collab-rail svg,.workspace-tool-dock svg,.workspace-message-form svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}.workspace-dual-view{gap:0;min-width:0;min-height:0;padding:12px;display:grid;overflow:hidden}.workspace-reference-pane,.workspace-canvas-pane{background:var(--v4-canvas-paper);min-width:0;min-height:0;overflow:hidden}.workspace-reference-pane{border-radius:12px 0 0 12px}.workspace-canvas-pane{border-radius:0 12px 12px 0}.workspace-splitter{cursor:col-resize;background:var(--v4-accent);place-items:center;width:8px;height:100%;padding:0;display:grid}.workspace-splitter span{background:#fffc;border-radius:2px;width:3px;height:38px}.workspace-reference-pane .reference-panel,.workspace-canvas-pane .board-panel{background:var(--v4-canvas-paper);height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;padding:10px}.workspace-reference-pane .reference-panel-header{min-height:32px}.workspace-reference-pane .reference-pin{display:none}.workspace-reference-pane .reference-viewport,.workspace-reference-pane .reference-empty{background:var(--v4-canvas-paper);border-radius:8px}.workspace-canvas-pane .board-topbar{display:none}.workspace-canvas-pane .board-wrapper{height:100%}.workspace-canvas-pane .canvas-viewport{background:var(--v4-canvas-paper);border:0;border-radius:8px;height:100%;min-height:0}.workspace-canvas-pane .board-canvas{border-radius:0}.workspace-tool-dock{border-top:1px solid var(--v4-line);background:var(--v4-surface);justify-content:center;align-items:center;gap:4px;padding:7px 12px;display:flex}.workspace-tool-dock>button{min-width:58px;height:54px;color:var(--v4-text-2);background:0 0;border-radius:9px;place-items:center;gap:3px;padding:4px 8px;font-size:10px;display:grid}.workspace-tool-dock>button:hover{background:var(--v4-surface-3)}.workspace-tool-dock>button.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.workspace-tool-dock>button:disabled{cursor:not-allowed;opacity:.4}.workspace-tool-dock svg{width:18px;height:18px}.tool-dock-divider{background:var(--v4-line);width:1px;height:34px;margin:0 8px}.workspace-tool-dock .current-color-tool{text-align:left;grid-template-columns:34px 1fr;justify-items:start;min-width:150px}.current-color-tool>i{border:1px solid var(--v4-line);border-radius:9px;width:32px;height:32px}.current-color-tool>span{gap:1px;font-weight:700;display:grid}.current-color-tool small{color:var(--v4-muted);font-size:9px}.workspace-inspector{border-right:1px solid var(--v4-line);border-left:1px solid var(--v4-line);overflow:auto}.inspector-tabs{border-bottom:1px solid var(--v4-line);grid-template-columns:repeat(3,1fr);height:54px;display:grid}.inspector-tabs button{color:var(--v4-muted);background:0 0;font-size:11px;position:relative}.inspector-tabs button.active{color:var(--v4-accent);font-weight:700}.inspector-tabs button.active:after{content:"";background:var(--v4-accent);height:2px;position:absolute;bottom:0;left:18px;right:18px}.inspector-section{border-bottom:1px solid var(--v4-line);padding:14px}.inspector-color-row{align-items:center;gap:10px;margin-top:10px;display:flex}.inspector-color-row>span{border-radius:11px;flex:0 0 38px;width:38px;height:38px}.inspector-color-row strong{font-size:12px}.inspector-color-row p{color:var(--v4-muted);margin:3px 0 0;font-size:10px}.inspector-stat-grid{background:var(--v4-surface-3);border-radius:10px;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:10px 0;display:grid}.inspector-stat-grid.structured{grid-template-columns:repeat(2,1fr);gap:8px 0}.inspector-stat-grid div{border-right:1px solid var(--v4-line);gap:2px;padding:0 10px;display:grid}.inspector-stat-grid div:last-child{border:0}.inspector-stat-grid strong{font-variant-numeric:tabular-nums;font-size:16px}.inspector-stat-grid span{color:var(--v4-muted);font-size:9px}.inspector-stat-grid .is-error strong{color:var(--v4-error)}.inspector-note{border:1px solid color-mix(in srgb, var(--v4-warning), transparent 70%);color:var(--v4-text-2);background:color-mix(in srgb, var(--v4-warning), transparent 91%);border-radius:8px;margin:10px 0 0;padding:10px;font-size:10px;line-height:1.55}.inspector-heading{justify-content:space-between;align-items:center;display:flex}.inspector-heading small{color:var(--v4-text);font-size:11px;font-weight:700}.inspector-heading button{color:var(--v4-accent);background:0 0;font-size:10px}.inspector-palette-list{margin-top:8px;display:grid}.inspector-palette-list button{border-bottom:1px solid var(--v4-line);min-height:46px;color:var(--v4-text);text-align:left;background:0 0;grid-template-columns:27px 1fr auto;align-items:center;gap:8px;padding:6px 0;display:grid}.inspector-palette-list i{border-radius:8px;width:27px;height:27px}.inspector-palette-list span{gap:2px;display:grid}.inspector-palette-list strong{font-size:10px}.inspector-palette-list small,.inspector-palette-list b{color:var(--v4-muted);font-size:9px}.inspector-palette-list b{font-variant-numeric:tabular-nums}.inspector-empty{color:var(--v4-muted);font-size:10px;line-height:1.5}.workspace-collab-rail{border-right:0;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;display:flex}.workspace-collab-rail button{width:44px;min-height:52px;color:var(--v4-text-2);background:0 0;border-radius:8px;place-items:center;gap:2px;padding:5px 0;font-size:8px;display:grid}.workspace-collab-rail button:hover{color:var(--v4-accent);background:var(--v4-accent-soft)}.workspace-collab-rail .rail-bottom{margin-top:auto}.workspace-overlay-backdrop{z-index:var(--v4-z-drawer);background:#1d19162e;position:fixed;inset:58px 0 0}.workspace-overlay{border-left:1px solid var(--v4-line);background:var(--v4-surface-2);width:min(410px,92vw);box-shadow:var(--v4-shadow);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;top:0;bottom:0;right:0}.workspace-overlay>header{border-bottom:1px solid var(--v4-line);justify-content:space-between;align-items:center;min-height:64px;padding:10px 14px 10px 18px;display:flex}.workspace-overlay h2{margin:3px 0 0;font-size:16px}.workspace-message-list,.workspace-member-list,.workspace-palette-panel,.workspace-save-panel{min-height:0;overflow:auto}.workspace-region-form{align-content:start;gap:16px;min-height:0;padding:20px;display:grid;overflow:auto}.workspace-region-picker{align-content:start;gap:6px;min-height:0;padding:16px;display:grid;overflow:auto}.workspace-region-picker>.primary-button{min-height:42px;margin-bottom:8px}.workspace-region-picker article{border:1px solid var(--v4-line);border-radius:8px;grid-template-columns:1fr 40px;align-items:center;gap:6px;min-height:54px;padding:5px 6px 5px 12px;display:grid}.workspace-region-picker article.active{border-color:var(--v4-accent);background:var(--v4-accent-soft)}.workspace-region-picker article>button:first-child{min-width:0;color:var(--v4-text);text-align:left;background:0 0;gap:3px;display:grid}.workspace-region-picker article strong,.workspace-region-picker article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-region-picker article small{color:var(--v4-muted);font-size:10px}.workspace-region-form>label:not(.region-lock-field){color:var(--v4-text-2);gap:7px;font-size:11px;font-weight:700;display:grid}.workspace-region-form input:not([type=checkbox]),.workspace-region-form select{border:1px solid var(--v4-line);width:100%;height:42px;color:var(--v4-text);background:var(--v4-surface-3);border-radius:8px;padding:0 11px}.workspace-region-form input[type=color]{padding:5px}.region-lock-field{min-height:42px;color:var(--v4-text);align-items:center;gap:9px;font-size:11px;display:flex}.region-lock-field input{width:17px;height:17px;accent-color:var(--v4-accent)}.region-form-error{color:var(--v4-error);background:color-mix(in srgb, var(--v4-error), transparent 92%);border-radius:8px;margin:0;padding:11px;font-size:11px;line-height:1.5}.region-form-actions{justify-content:flex-end;gap:8px;padding-top:4px;display:flex}.region-form-actions button{border-radius:8px;min-height:40px;padding:0 16px;font-size:11px;font-weight:700}.region-form-actions .danger-button{color:var(--v4-error);background:color-mix(in srgb, var(--v4-error), transparent 91%);margin-right:auto}.region-form-actions .danger-button.armed{color:#fff;background:var(--v4-error)}.workspace-message-list{padding:16px 14px 78px}.workspace-message-list article{grid-template-columns:30px 1fr;gap:8px;margin-bottom:15px;display:grid}.workspace-message-list article>span,.workspace-member-list article>span{color:#fff;background:var(--v4-info);border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.workspace-message-list article.mine>span{background:var(--v4-accent)}.workspace-message-list article>div{justify-self:start;max-width:85%}.workspace-message-list article.mine>div{justify-self:end}.workspace-message-list strong{font-size:10px}.workspace-message-list p{color:var(--v4-text);background:var(--v4-surface-3);border-radius:4px 9px 9px;margin:4px 0;padding:9px 11px;font-size:12px;line-height:1.45}.workspace-message-list article.mine p{background:var(--v4-accent-soft)}.workspace-message-list time{color:var(--v4-muted);font-size:9px}.workspace-message-form{border-top:1px solid var(--v4-line);background:var(--v4-surface-2);grid-template-columns:1fr 42px;gap:8px;padding:10px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.workspace-message-form input{border:1px solid var(--v4-line);width:100%;height:40px;color:var(--v4-text);background:var(--v4-surface-3);border-radius:9px;padding:0 12px;font-size:12px}.workspace-message-form button{color:#fff;background:var(--v4-action);border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.workspace-message-form button:disabled{opacity:.45}.overlay-state{color:var(--v4-text-2);background:var(--v4-surface-3);border-radius:8px;margin:18px;padding:18px;font-size:12px;line-height:1.6}.overlay-state.error{color:var(--v4-error)}.workspace-member-list{padding:8px 16px}.workspace-member-list article{border-bottom:1px solid var(--v4-line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;min-height:58px;display:grid}.workspace-member-list strong{font-size:12px}.workspace-member-list p{color:var(--v4-muted);margin:3px 0 0;font-size:10px}.workspace-member-list i{color:var(--v4-muted);font-size:9px;font-style:normal}.workspace-member-list i.online{color:var(--v4-success)}.workspace-palette-panel{padding:16px}.palette-search{color:var(--v4-text-2);gap:7px;font-size:11px;display:grid}.palette-search input{border:1px solid var(--v4-line);height:40px;color:var(--v4-text);background:var(--v4-surface-3);border-radius:9px;padding:0 11px}.workspace-palette-recents{border-bottom:1px solid var(--v4-line);margin-top:14px;padding-bottom:14px}.workspace-palette-section-head,.workspace-palette-summary{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-palette-section-head strong,.workspace-palette-summary strong{font-size:11px}.workspace-palette-section-head small,.workspace-palette-summary small{color:var(--v4-muted);font-size:9px}.workspace-palette-recents>div:last-child{gap:7px;margin-top:9px;display:flex;overflow-x:auto}.workspace-palette-recents button{min-width:50px;color:var(--v4-text-2);background:0 0;border-radius:8px;justify-items:center;gap:4px;padding:5px;font-size:9px;display:grid}.workspace-palette-recents button:hover{background:var(--v4-surface-3)}.workspace-palette-recents i{border:1px solid var(--v4-line);border-radius:8px;width:30px;height:30px}.workspace-palette-summary{margin-top:14px}.workspace-palette-summary>span{gap:3px;display:grid}.workspace-palette-summary>button{min-height:32px;color:var(--v4-accent-ink);background:var(--v4-accent-soft);border-radius:7px;padding:0 8px;font-size:9px}.workspace-palette-skeleton{gap:8px;margin-top:14px;display:grid}.workspace-palette-skeleton span{background:var(--v4-line);border-radius:8px;height:44px;animation:1s infinite v4-pulse}.workspace-palette-skeleton p,.workspace-palette-result-count{color:var(--v4-muted);margin:3px 0 0;font-size:10px}.workspace-palette-groups{gap:6px;margin-top:14px;display:grid}.workspace-palette-group{border:1px solid var(--v4-line);background:var(--v4-surface);border-radius:8px;overflow:hidden}.workspace-palette-group-toggle{width:100%;min-height:50px;color:var(--v4-text);text-align:left;background:0 0;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;padding:7px 10px;display:grid}.workspace-palette-group-toggle:hover{background:var(--v4-surface-3)}.workspace-palette-group-toggle>span:nth-child(2){gap:2px;display:grid}.workspace-palette-group-toggle strong{font-size:11px}.workspace-palette-group-toggle small{color:var(--v4-muted);font-size:9px}.workspace-palette-group-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px}.workspace-palette-letter{width:30px;height:30px;color:var(--v4-accent-ink);background:var(--v4-accent-soft);border-radius:7px;place-items:center;font-size:11px;font-weight:800;display:grid}.workspace-palette-swatches{border-top:1px solid var(--v4-line);grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:5px;padding:7px 9px 10px;display:grid}.workspace-palette-swatches button{min-width:0;min-height:68px;color:var(--v4-text-2);background:0 0;border-radius:7px;align-content:center;justify-items:center;gap:5px;padding:5px;display:grid}.workspace-palette-swatches button:hover,.workspace-palette-swatches button.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.workspace-palette-swatches i{border:1px solid var(--v4-line-strong);border-radius:8px;width:34px;height:34px}.workspace-palette-swatches strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.workspace-palette-results{gap:4px;margin-top:8px;display:grid}.workspace-palette-results button{min-height:50px;color:var(--v4-text);text-align:left;background:0 0;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:9px;padding:7px;display:grid}.workspace-palette-results button:hover{background:var(--v4-surface-3)}.workspace-palette-results i{border:1px solid var(--v4-line);border-radius:8px;width:32px;height:32px}.workspace-palette-results span{gap:3px;min-width:0;display:grid}.workspace-palette-results strong,.workspace-palette-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-palette-results strong{font-size:10px}.workspace-palette-results small{color:var(--v4-muted);font-size:9px}.workspace-save-panel{padding:20px}.save-panel-status{background:var(--v4-surface-3);border-radius:10px;align-items:flex-start;gap:11px;padding:16px;display:flex}.save-panel-status>span{margin-top:5px}.save-panel-status strong{font-size:14px}.save-panel-status p{color:var(--v4-text-2);margin:5px 0 0;font-size:11px;line-height:1.55}.workspace-save-panel>button{margin-top:14px}.workspace-save-panel dl{margin:16px 0 0;display:grid}.workspace-save-panel dl div{border-bottom:1px solid var(--v4-line);justify-content:space-between;gap:10px;padding:11px 0;font-size:11px;display:flex}.workspace-save-panel dt{color:var(--v4-muted)}.workspace-loading-state,.workspace-error-state{background:var(--v4-app-bg);place-content:center;justify-items:center;gap:12px;min-height:calc(100dvh - 58px);padding:24px;display:grid}.workspace-skeleton{background:var(--v4-line);border-radius:4px;width:280px;height:16px;animation:1.2s infinite v4-pulse}.workspace-skeleton.wide{width:min(680px,70vw);height:280px}.workspace-loading-state p,.workspace-error-state p{color:var(--v4-text-2);font-size:12px}.workspace-error-state strong{font-size:18px}.app-shell.play-fullscreen:not(.room-create-shell){height:100dvh;min-height:100dvh;overflow:hidden}.main-shell.play-fullscreen-shell:not(.room-create-main-shell){height:calc(100dvh - 24px);min-height:0;overflow:hidden}.app-shell.play-fullscreen.room-create-shell{height:auto;min-height:100dvh;overflow:visible}.main-shell.play-fullscreen-shell.room-create-main-shell{height:auto;min-height:calc(100dvh - 24px);overflow:visible}.room-create-page{background:var(--v4-app-bg);min-height:calc(100dvh - 24px);color:var(--v4-text)}.room-create-topbar{border-bottom:1px solid var(--v4-line);background:var(--v4-surface);align-items:center;gap:10px;height:58px;padding:0 18px;display:flex}.room-create-topbar>div{gap:2px;display:grid}.room-create-topbar strong{font-size:15px}.room-create-topbar small{color:var(--v4-muted);font-size:10px}.room-create-main{place-items:start center;min-height:calc(100dvh - 58px);padding:32px 20px;display:grid}.room-create-form{border:1px solid var(--v4-line);background:var(--v4-surface);border-radius:12px;gap:18px;width:min(720px,100%);padding:26px;display:grid}.room-create-heading p{color:var(--v4-accent);margin:0 0 4px;font-size:11px;font-weight:700}.room-create-heading h1{margin:0;font-size:26px}.room-create-heading>span{color:var(--v4-text-2);margin-top:6px;font-size:12px;display:block}.workflow-choice{border:0;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;display:grid}.workflow-choice legend{color:var(--v4-text-2);grid-column:1/-1;margin-bottom:7px;font-size:12px;font-weight:700}.workflow-choice label{border:1px solid var(--v4-line);cursor:pointer;border-radius:10px;grid-template-rows:34px auto 1fr;gap:6px;min-height:138px;padding:13px;display:grid}.workflow-choice label.active{border-color:var(--v4-accent);background:var(--v4-accent-soft)}.workflow-choice input{opacity:0;pointer-events:none;position:absolute}.workflow-choice-icon{width:32px;height:32px;color:var(--v4-accent-ink);background:var(--v4-accent-soft);border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.workflow-choice small{color:var(--v4-text-2);font-size:10px;line-height:1.5}.switch-field{cursor:pointer;grid-template-columns:40px 1fr;align-items:center;gap:10px;display:grid}.switch-field input{opacity:0;position:absolute}.switch-field>span{background:var(--v4-line-strong);border-radius:12px;width:40px;height:23px;transition:background .2s;position:relative}.switch-field>span:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch-field input:checked+span{background:var(--v4-accent)}.switch-field input:checked+span:after{transform:translate(17px)}.switch-field div{gap:2px;display:grid}.switch-field strong{font-size:12px}.switch-field small{color:var(--v4-muted);font-size:10px}.room-create-submit{border-radius:10px;min-height:44px}.room-create-join{border-top:1px solid var(--v4-line);color:var(--v4-text-2);gap:7px;padding-top:14px;font-size:11px;display:grid}.room-create-join>div{grid-template-columns:1fr 96px;gap:8px;display:grid}.room-create-join input,.room-create-join button{border:1px solid var(--v4-line);border-radius:9px;height:40px}.room-create-join input{color:var(--v4-text);background:var(--v4-surface-2);padding:0 11px}.room-create-join button{color:var(--v4-accent-ink);background:var(--v4-accent-soft);font-weight:700}.v4-page{min-height:calc(100dvh - 62px);color:var(--v4-text);background:var(--v4-app-bg);padding:26px 30px 48px}.v4-page-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.v4-page-heading h1{margin:0;font-size:28px}.v4-page-heading p{color:var(--v4-text-2);margin:4px 0 0;font-size:12px}.room-center-filters{border-bottom:1px solid var(--v4-line);gap:6px;margin-top:22px;padding-bottom:16px;display:flex}.room-center-filters button{min-height:36px;color:var(--v4-text-2);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 12px;font-size:11px}.room-center-list{display:grid}.room-center-row{border-bottom:1px solid var(--v4-line);grid-template-columns:146px minmax(240px,1.4fr) minmax(110px,.5fr) minmax(130px,.6fr) 112px;align-items:center;gap:18px;min-height:128px;padding:14px 0;display:grid}.room-row-preview{border-radius:9px;height:98px;position:relative;overflow:hidden}.room-row-preview .board-preview{border-radius:0;width:100%;height:100%}.room-row-preview>span{color:var(--v4-text);background:#fffdfae6;border-radius:5px;padding:3px 6px;font-size:9px;position:absolute;top:8px;left:8px}.room-row-copy h2{margin:0;font-size:16px}.room-row-copy p{color:var(--v4-text-2);margin:5px 0;font-size:11px}.room-row-copy small,.room-row-stat small,.room-row-members small{color:var(--v4-muted);font-size:9px}.room-row-stat{gap:4px;display:grid}.room-row-stat strong{font-variant-numeric:tabular-nums;font-size:16px}.room-row-members{align-items:center;display:flex}.room-row-members span{border:2px solid var(--v4-app-bg);color:#fff;background:var(--v4-info);border-radius:50%;place-items:center;width:25px;height:25px;margin-left:-6px;font-size:9px;display:grid}.room-row-members small{margin-left:7px}.room-row-actions{gap:6px;display:grid}.room-row-actions button{min-height:38px;color:var(--v4-accent-ink);background:var(--v4-accent-soft);border-radius:9px;padding:0 9px;font-size:11px;font-weight:700}.room-row-actions .room-delete-button{border:1px solid var(--v4-line);color:var(--v4-error);background:var(--v4-surface)}.room-row-actions .room-delete-button:disabled{cursor:not-allowed;color:var(--v4-muted);opacity:.72}.v4-empty-state{border-top:1px solid var(--v4-line);justify-items:start;gap:7px;margin-top:36px;padding:28px 0;display:grid}.v4-empty-state p{color:var(--v4-text-2);margin:0;font-size:12px}.community-v4-layout{background:var(--v4-app-bg);min-height:calc(100dvh - 62px);color:var(--v4-text);grid-template-columns:210px minmax(0,1fr);display:grid}.community-sidebar{border-right:1px solid var(--v4-line);background:var(--v4-surface);flex-direction:column;gap:22px;padding:20px 13px 16px;display:flex}.community-sidebar nav{gap:3px;display:grid}.community-sidebar nav small{color:var(--v4-muted);padding:0 9px 7px;font-size:10px}.community-sidebar nav button{min-height:38px;color:var(--v4-text-2);text-align:left;background:0 0;border-radius:8px;padding:0 10px;font-size:12px}.community-sidebar nav button:hover{background:var(--v4-surface-3)}.community-sidebar nav button.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft);font-weight:700}.community-weekly{background:var(--v4-surface-3);border-radius:8px;gap:7px;margin-top:auto;padding:13px;display:grid}.community-weekly strong{font-size:11px}.community-weekly p{color:var(--v4-text-2);margin:0;font-size:9px;line-height:1.5}.community-weekly button{border:1px solid var(--v4-line);min-height:32px;color:var(--v4-text-2);background:var(--v4-surface);border-radius:7px;font-size:9px}.community-main{min-width:0;padding:26px 30px 50px}.community-search{z-index:20;position:relative}.community-search-form{border:1px solid var(--v4-line);background:var(--v4-surface-2);border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto 38px;align-items:center;gap:9px;height:48px;padding:0 5px 0 15px;display:grid}.community-search-form:focus-within{border-color:var(--v4-accent);box-shadow:0 0 0 3px var(--v4-accent-soft)}.community-search-form>svg,.community-search-form button svg,.search-panel-heading button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px}.community-search-form>svg{color:var(--v4-muted)}.community-search-form input{min-width:0;height:42px;color:var(--v4-text);background:0 0;border:0;outline:0;padding:0;font-size:13px}.community-search-form input::placeholder{color:var(--v4-muted)}.community-search-form input::-webkit-search-cancel-button{display:none}.community-search-clear,.community-search-submit{width:34px;height:34px;color:var(--v4-muted);background:0 0;border-radius:7px;place-items:center;padding:0;display:grid}.community-search-clear:hover{color:var(--v4-text);background:var(--v4-surface-3)}.community-search-submit{color:#fff;background:var(--v4-action)}.community-search-submit:hover{filter:brightness(.96)}.community-search-panel{z-index:30;border:1px solid var(--v4-line);max-height:min(520px,100dvh - 150px);color:var(--v4-text);background:var(--v4-surface-2);border-radius:8px;padding:18px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:auto;box-shadow:0 4px 8px #46362b1f}.search-panel-heading{justify-content:space-between;align-items:center;gap:12px;min-height:28px;display:flex}.search-panel-heading h2{margin:0;font-size:13px}.search-panel-heading>small{min-width:0;color:var(--v4-muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.search-panel-heading button{width:30px;height:30px;color:var(--v4-muted);background:0 0;border-radius:7px;place-items:center;padding:0;display:grid}.search-panel-heading button:hover{color:var(--v4-text);background:var(--v4-surface-3)}.search-history-list{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.search-history-list button{border:1px solid var(--v4-line);max-width:100%;min-height:30px;color:var(--v4-text-2);text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:999px;padding:0 11px;font-size:10px;overflow:hidden}.search-history-list button:hover{border-color:var(--v4-accent);color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.search-panel-empty,.search-panel-status{color:var(--v4-muted);margin:8px 0 0;font-size:10px}.search-panel-status{text-align:center;padding:22px 0}.search-panel-error{color:var(--v4-error)}.search-guess-heading{border-top:1px solid var(--v4-line);margin-top:18px;padding-top:14px}.search-suggestion-grid,.search-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px;display:grid}.search-suggestion-grid section,.search-result-grid section{min-width:0}.search-suggestion-grid h3,.search-result-grid h3{color:var(--v4-muted);margin:0 0 4px;font-size:9px;font-weight:600}.search-suggestion-grid button,.search-result-grid button{border-bottom:1px solid var(--v4-line);width:100%;min-height:42px;color:var(--v4-text);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 5px;display:grid}.search-suggestion-grid button:hover,.search-result-grid button:hover{color:var(--v4-accent-ink);background:var(--v4-accent-soft);padding-left:9px;padding-right:9px}.search-suggestion-grid button span,.search-result-grid button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.search-suggestion-grid button small,.search-result-grid button small{color:var(--v4-muted);white-space:nowrap;font-size:9px}.search-suggestion-grid section>p,.search-result-grid section>p{color:var(--v4-muted);margin:10px 0 0;font-size:10px}.community-heading,.online-section>header,.inspiration-section>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.community-heading h1{margin:0;font-size:20px}.community-heading p{color:var(--v4-text-2);margin:4px 0 0;font-size:11px}.continue-heading-actions{gap:7px;display:flex}.continue-heading-actions .icon-button{border-radius:8px;flex-basis:34px;width:34px;height:34px}.continue-heading-actions .icon-button svg{width:16px}.continue-work{border:1px solid var(--v4-line);background:var(--v4-surface);border-radius:8px;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);min-height:136px;margin-top:12px;display:grid;overflow:hidden}.continue-preview{background:var(--v4-canvas-shell);min-height:136px;position:relative;overflow:hidden}.continue-preview .board-preview{border-radius:0;width:100%;height:100%;position:absolute;inset:0;aspect-ratio:auto!important}.continue-preview>span{color:#25211e;background:#fffdfae6;border-radius:6px;padding:5px 7px;font-size:8px;font-weight:700;position:absolute;top:9px;left:9px}.continue-copy{align-content:center;padding:12px 18px;display:grid}.continue-copy h2{margin:0;font-size:17px}.continue-copy>p{color:var(--v4-text-2);margin:3px 0 8px;font-size:9px;line-height:1.45}.continue-stats{grid-template-columns:repeat(3,1fr);margin-bottom:8px;display:grid}.continue-stats div{border-left:1px solid var(--v4-line);gap:2px;padding-left:9px;display:grid}.continue-stats strong{font-variant-numeric:tabular-nums;font-size:13px}.continue-stats span{color:var(--v4-muted);font-size:9px}.continue-actions{gap:8px;display:flex}.continue-empty{border:1px solid var(--v4-line);background:var(--v4-surface);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:96px;margin-top:12px;padding:18px;display:flex}.continue-empty p{color:var(--v4-text-2);margin:5px 0 0;font-size:11px}.online-section h2,.inspiration-section h2{margin:0;font-size:17px}.online-section header button,.inspiration-section header button{color:var(--v4-accent);background:0 0;font-size:10px}.online-room-strip{border-top:1px solid var(--v4-line);grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.online-room-strip>button{border-bottom:1px solid var(--v4-line);min-width:0;color:var(--v4-text);text-align:left;background:0 0;grid-template-columns:86px 1fr;align-items:center;gap:10px;padding:10px 0;display:grid}.online-room-strip .board-preview{border-radius:7px;width:86px;height:64px}.online-room-strip span{gap:4px;min-width:0;display:grid}.online-room-strip strong,.online-room-strip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-room-strip small{color:var(--v4-muted);font-size:9px}.community-inline-empty{border-top:1px solid var(--v4-line);color:var(--v4-muted);margin:10px 0 0;padding:14px 0;font-size:11px}.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.inspiration-grid article{cursor:pointer;background:var(--v4-surface);min-width:0}.inspiration-grid article:nth-child(4n+1){grid-column:span 2}.inspiration-grid .board-preview{border-radius:7px 7px 0 0;width:100%;max-height:260px}.inspiration-grid strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.inspiration-grid p{min-height:30px;color:var(--v4-text-2);margin:5px 0;font-size:9px;line-height:1.45;overflow:hidden}.inspiration-grid span{color:var(--v4-muted);font-size:9px}.note-v4-page{background:var(--v4-app-bg);min-height:calc(100dvh - 62px);color:var(--v4-text);padding:20px max(24px,50vw - 620px) 56px}.note-v4-back{min-height:36px;color:var(--v4-text-2);background:0 0;padding:0;font-size:11px}.note-v4-hero{grid-template-columns:minmax(0,1.65fr) 360px;gap:24px;margin-top:6px;display:grid}.note-v4-board{border:1px solid var(--v4-line);background:var(--v4-surface);border-radius:8px;min-width:0;min-height:520px;overflow:hidden}.note-v4-board .note-board-viewer{height:100%;color:var(--v4-text);background:var(--v4-surface);border-radius:0;padding:16px}.note-v4-board .board-preview{border-radius:0;height:100%}.note-v4-board .note-board-heading .eyebrow{color:var(--v4-accent-ink)}.note-v4-board .note-board-heading h2,.note-v4-board .note-board-meta strong{color:var(--v4-text)}.note-v4-board .note-board-meta,.note-v4-board .note-zoom-label{color:var(--v4-text-2)}.note-v4-summary{border-left:1px solid var(--v4-line);flex-direction:column;align-self:stretch;gap:12px;padding:4px 0 0 24px;display:flex}.note-v4-summary>small{color:var(--v4-accent);font-size:11px;font-weight:700}.note-v4-summary h2{margin:0;font-size:20px}.note-v4-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.note-v4-stats div{background:var(--v4-surface-3);border-radius:8px;gap:4px;padding:12px;display:grid}.note-v4-stats span{color:var(--v4-muted);font-size:9px}.note-v4-paid-note{color:var(--v4-text-2);background:color-mix(in srgb, var(--v4-warning), transparent 90%);border-radius:8px;margin:0;padding:12px;font-size:10px;line-height:1.55}.note-v4-comments-preview{border-top:1px solid var(--v4-line);margin-top:10px;display:grid}.note-v4-comments-preview article{border-bottom:1px solid var(--v4-line);grid-template-columns:25px 1fr;gap:8px;padding:10px 0;display:grid}.note-v4-comments-preview article>span,.note-v4-author>span,.note-v4-comment-list article>span{color:#fff;background:var(--v4-info);border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.note-v4-comments-preview p{color:var(--v4-text-2);margin:0;font-size:10px;line-height:1.5}.note-v4-copy{max-width:820px;padding:24px 0 0}.note-v4-copy h1{text-wrap:balance;margin:0 0 13px;font-size:28px;line-height:1.25}.note-v4-author{align-items:center;gap:8px;display:flex}.note-v4-author>div{gap:2px;display:grid}.note-v4-author strong{font-size:11px}.note-v4-author small{color:var(--v4-muted);font-size:9px}.note-v4-copy>p{color:var(--v4-text-2);white-space:pre-wrap;font-size:12px;line-height:1.8}.note-v4-social{color:var(--v4-muted);align-items:center;gap:14px;font-size:10px;display:flex}.note-v4-social button{min-height:34px;color:var(--v4-text-2);background:var(--v4-surface);border-radius:8px;padding:0 11px}.note-v4-social button.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.note-v4-comments{border-top:1px solid var(--v4-line);max-width:820px;margin-top:30px;padding-top:20px}.note-v4-comments h2{font-size:17px}.note-v4-comment-list article{border-bottom:1px solid var(--v4-line);grid-template-columns:30px 1fr;gap:9px;padding:12px 0;display:grid}.note-v4-comment-list strong{font-size:11px}.note-v4-comment-list p{color:var(--v4-text-2);margin:4px 0;font-size:11px}.note-v4-comment-list small{color:var(--v4-muted);font-size:9px}.note-v4-comments form{grid-template-columns:1fr 80px;gap:8px;margin-top:14px;display:grid}.note-v4-comments input{border:1px solid var(--v4-line);width:100%;height:40px;color:var(--v4-text);background:var(--v4-surface);border-radius:8px;padding:0 11px}.note-v4-loading{place-content:center;gap:10px;min-height:560px;display:grid}.note-v4-loading span{background:var(--v4-line);border-radius:4px;width:min(720px,70vw);height:20px;animation:1s infinite v4-pulse}.note-v4-loading span:first-child{height:360px}.note-v4-loading p{color:var(--v4-muted);font-size:11px}.note-v4-error{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:560px;padding:28px;display:grid}.note-v4-error small{color:var(--v4-accent);font-size:12px;font-weight:800}.note-v4-error h1{margin:0;font-size:24px}.note-v4-error p{max-width:420px;color:var(--v4-text-2);margin:0;font-size:12px;line-height:1.6}.note-v4-error>div{gap:8px;margin-top:8px;display:flex}.note-v4-error button{min-height:42px;padding:0 16px}.primary-button,.submit-button,.publish-primary,.wechat-button{border:1px solid color-mix(in srgb, var(--v4-action), black 12%);color:#fff;background:var(--v4-action);box-shadow:none;border-radius:8px}@keyframes v4-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1200px){.workspace-body{grid-template-columns:190px minmax(0,1fr) 250px 50px}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:58px minmax(0,1fr) 250px 50px}.room-center-row{grid-template-columns:132px minmax(200px,1fr) 100px 112px}.room-row-members{display:none}.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.note-v4-hero{grid-template-columns:minmax(0,1fr) 320px}}@media (width<=1079px){.workspace-v4{min-width:0}.workspace-body{grid-template-columns:180px minmax(0,1fr)}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:58px minmax(0,1fr)}.workspace-inspector,.workspace-collab-rail{display:none}.workspace-topbar{gap:8px}.workspace-member-stack{display:none}}@media (width<=720px){.workspace-topbar{padding:0 7px}.workspace-title-block{gap:4px}.workspace-title-line h1{max-width:110px;font-size:13px}.workspace-title-block p,.workspace-workflow-tag{display:none}.workspace-top-actions{gap:4px}.workspace-top-actions>.save-state-button{width:30px;padding:0;font-size:0;overflow:hidden}.workspace-top-actions>.save-state-button>span{margin:auto}.workspace-complete-button{padding:0 8px;font-size:10px}:is(.workspace-body,.workspace-body:has(.workspace-regions.collapsed)){grid-template-columns:minmax(0,1fr)}.workspace-regions{display:none}.workspace-mobile-regions{display:grid!important}.workspace-dual-view{grid-template-rows:repeat(2,minmax(0,1fr));padding:8px;grid-template-columns:minmax(0,1fr)!important}.workspace-splitter{display:none}.workspace-reference-pane,.workspace-canvas-pane{border-radius:8px}.workspace-tool-dock{justify-content:flex-start;overflow-x:auto}.workspace-tool-dock>button{flex:none;min-width:54px}.workspace-tool-dock .current-color-tool{min-width:130px}}@media (height<=520px){.workspace-topbar{height:50px}.workspace-title-block p,.workspace-workflow-tag,.workspace-member-stack{display:none}.workspace-body{height:calc(100% - 50px);grid-template-columns:minmax(0,1fr)!important}.workspace-regions,.workspace-inspector,.workspace-collab-rail{display:none}.workspace-stage{grid-template-rows:44px minmax(0,1fr) 58px}.workspace-contextbar>div:first-child span{display:none}.workspace-mobile-regions{display:grid!important}.workspace-dual-view{padding:6px}.workspace-tool-dock{justify-content:flex-start;min-width:0;padding:3px 8px;overflow-x:auto}.workspace-tool-dock>button{flex:none;min-width:52px;height:50px}.workspace-tool-dock .current-color-tool{min-width:130px}}@media (height<=900px) and (width>=821px){.room-create-main{padding:14px 20px}.room-create-form{gap:12px;padding:18px 22px}.room-create-heading h1{font-size:22px}.room-create-heading>span{margin-top:3px}.workflow-choice legend{margin-bottom:3px}.workflow-choice label{grid-template-rows:28px auto 1fr;gap:4px;min-height:110px;padding:10px}.workflow-choice-icon{width:28px;height:28px}.room-create-form .field{gap:5px}.room-create-form .field-grid{margin:0}.room-create-form .field input,.room-create-form .field select{border-radius:10px;padding:8px 12px}.room-create-submit{min-height:40px}.room-create-join{gap:5px;padding-top:10px}.room-create-join input,.room-create-join button{height:36px}}@media (width<=820px){.main-shell:not(.play-fullscreen-shell){width:100%;height:auto;min-height:100dvh;overflow:visible}.v4-app-header{min-height:56px;padding:0 8px}.v4-app-header .app-brand{gap:6px;min-width:98px}.v4-app-header .bead-brand-mark{width:34px;height:34px}.v4-app-header .app-brand strong{font-size:14px}.v4-app-header .header-actions{flex:1;gap:4px;width:auto;min-width:0}.v4-app-header .top-tabs{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));width:auto;min-width:0;margin-left:0;display:grid}.v4-app-header .top-tabs .tab{white-space:nowrap;min-width:0;min-height:44px;padding:0 3px;font-size:11px}.header-account-button{display:none}.workflow-choice{grid-template-columns:1fr}.workflow-choice label{min-height:108px}.v4-page{padding:20px 16px 40px}.v4-page-heading>.primary-button{white-space:nowrap;min-width:100px}.room-center-row{grid-template-columns:108px minmax(0,1fr) 94px;gap:11px}.room-row-actions button{min-height:44px}.room-row-stat{display:none}.community-v4-layout{grid-template-columns:1fr}.community-sidebar{display:none}.community-main{padding:20px 16px 40px}.community-search-panel{max-height:calc(100dvh - 120px);padding:15px}.continue-work{grid-template-columns:minmax(100px,.55fr) minmax(0,1.45fr)}.continue-preview{min-height:140px}.continue-copy{padding:11px 13px}.continue-stats{display:none}.online-room-strip,.inspiration-grid{grid-template-columns:1fr 1fr}.note-v4-hero{grid-template-columns:1fr}.note-v4-summary{border-top:1px solid var(--v4-line);border-left:0;padding:18px 0 0}}@media (width<=680px){.main-shell.play-fullscreen-shell:not(.room-create-main-shell){height:calc(100dvh - 12px)}.main-shell.play-fullscreen-shell.room-create-main-shell,.room-create-page{min-height:calc(100dvh - 12px)}.room-create-main{padding:18px 10px}.room-create-form{gap:14px;padding:18px}}@media (width<=420px){.v4-app-header{overflow:visible}.v4-app-header .app-brand{min-width:72px}.v4-app-header .app-brand small,.v4-app-header .bead-brand-mark{display:none}.v4-app-header .top-tabs .tab{padding:0 2px;font-size:10px}.community-search-form{grid-template-columns:18px minmax(0,1fr) auto 36px;gap:6px;padding-left:11px}.community-search-panel{padding:13px}.search-suggestion-grid,.search-result-grid{gap:12px}.search-suggestion-grid button,.search-result-grid button{grid-template-columns:minmax(0,1fr);gap:2px}.search-suggestion-grid button small,.search-result-grid button small{text-overflow:ellipsis;overflow:hidden}.community-heading{align-items:flex-start}.community-heading h1{font-size:18px}.community-heading p{max-width:230px}.continue-work{grid-template-columns:96px minmax(0,1fr)}.continue-copy>p{max-height:26px;overflow:hidden}.continue-actions{gap:5px}.continue-actions .compact-button{padding:0 8px}}@media (width<=360px){.room-center-row{grid-template-columns:88px minmax(0,1fr);align-items:start}.room-row-preview{height:76px}.room-row-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}}:root{--ui-milk:#faf6ef;--ui-peach:#f4e3da;--ui-lavender:#e8e1f6;--ui-blue:#e4e9f8;--ui-mint:#e5eee5;--v4-app-bg:#faf6ef;--v4-surface:#fcf9f6;--v4-surface-2:#fff;--v4-surface-3:#f2edf4;--v4-line:#ddd4df;--v4-line-strong:#b9a9c4;--v4-text:#3f3849;--v4-text-2:#655c6c;--v4-muted:#716678;--v4-canvas-shell:#eee8e8;--v4-canvas-paper:#fffaf3;--v4-accent:#7960a4;--v4-accent-soft:#e8e1f6;--v4-accent-ink:#58416f;--v4-action:#7960a4;--v4-success:#587b63;--v4-warning:#916329;--v4-error:#a64460;--v4-info:#596e9b;--ui-success-soft:#e5eee5;--ui-warning-soft:#f7edda;--ui-error-soft:#f6e5eb;--ui-glass:#fffdfcde;--ui-glass-edge:#ffffffdb;--ui-shadow-color:73, 52, 91;--ui-shadow-sm:0 2px 8px rgba(var(--ui-shadow-color), .06);--ui-shadow-md:0 10px 30px rgba(var(--ui-shadow-color), .075);--v4-shadow:0 20px 60px rgba(var(--ui-shadow-color), .16);--ui-radius-sm:10px;--ui-radius-md:16px;--ui-radius-lg:22px;--ui-motion-fast:.16s;--ui-motion-panel:.22s;--ui-ease:cubic-bezier(.2, .8, .2, 1);--v4-z-drawer:80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root,:root[data-theme]{--dw-ink:var(--v4-text);--dw-ink-soft:var(--v4-text-2);--dw-muted:var(--v4-muted);--dw-paper:var(--v4-surface);--dw-paper-strong:var(--v4-surface-2);--dw-cream:var(--v4-surface-3);--dw-line:var(--v4-line);--dw-line-strong:var(--v4-line-strong);--dw-coral:var(--v4-accent);--dw-coral-deep:var(--v4-accent-ink);--dw-green:var(--v4-success);--dw-green-soft:var(--ui-success-soft);--dw-yellow:#efdfb9;--dw-blue:#bccbe9;--dw-lilac:#d1c4eb;--dw-shadow:var(--ui-shadow-md);--dw-shadow-soft:var(--ui-shadow-sm);--dw-shadow-tight:var(--ui-shadow-sm);--dw-radius-lg:var(--ui-radius-lg);--dw-radius-md:var(--ui-radius-md);--dw-radius-sm:var(--ui-radius-sm)}html,body{background:var(--v4-app-bg);color:var(--v4-text)}body{min-height:100dvh}body:before{display:none}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{transition:background var(--ui-motion-fast) ease, border-color var(--ui-motion-fast) ease, box-shadow var(--ui-motion-fast) ease, transform var(--ui-motion-fast) var(--ui-ease)}button:enabled:active{transform:translateY(1px)}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--v4-accent);outline-offset:3px}input,select,textarea{accent-color:var(--v4-accent)}input[type=file]::file-selector-button{border:1px solid var(--v4-line);color:var(--v4-accent-ink);background:var(--v4-accent-soft);font:inherit;cursor:pointer;border-radius:8px;margin-right:10px;padding:8px 12px}input::placeholder,textarea::placeholder{color:var(--v4-muted);opacity:1}h1,h2,h3,.title,.section-title{letter-spacing:-.025em;font-weight:700}.app-shell{background:0 0;padding:0}.site-icp-footer{color:var(--v4-muted);font-size:11px}.main-shell:not(.play-fullscreen-shell),.room-create-page{background:radial-gradient(ellipse at 12% 0%, color-mix(in srgb, var(--ui-peach), transparent 20%), transparent 42%), radial-gradient(ellipse at 95% 35%, color-mix(in srgb, var(--ui-lavender), transparent 35%), transparent 45%), var(--v4-app-bg)}.panel,.auth-card,.note-card,.portfolio-card,.artwork-mini-card,.comment-card,.gallery-item-card,.drawing-card,.status-card,.reference-card,.room-card,.manage-panel,.manage-login-card{color:var(--v4-text);border:1px solid var(--v4-line);border-radius:var(--ui-radius-md);background:var(--ui-glass);box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-sm)}.panel{-webkit-backdrop-filter:none;backdrop-filter:none;padding:24px}.eyebrow,.field-label,.field>span,.field>label{color:var(--v4-text-2);font-weight:600}.field input,.field select,.field textarea,.gallery-select,.textarea,.auth-phone-input,.room-create-join input,.manage-field input,.manage-search,.manage-select,.manage-inline-input,.manage-inline-textarea{color:var(--v4-text);border:1px solid var(--v4-line);border-radius:var(--ui-radius-sm);background:var(--v4-surface-2);box-shadow:inset 0 1px 3px rgba(var(--ui-shadow-color), .025);transition:border-color var(--ui-motion-fast), box-shadow var(--ui-motion-fast)}.field input:focus,.field select:focus,.field textarea:focus,.auth-phone-input:focus-within{border-color:var(--v4-accent)}.field input:disabled{background:var(--v4-surface-3);color:var(--v4-muted)}.field input[aria-invalid=true]{border-color:var(--v4-error)}.auth-phone-input:has(input[aria-invalid=true]){border-color:var(--v4-error)}.field-error,.auth-form-message.error{color:var(--v4-error)}.auth-form-message{color:var(--v4-success);background:var(--ui-success-soft);border-color:var(--v4-line)}.auth-form-message.error{background:var(--ui-error-soft)}.primary-button,.submit-button,.publish-primary,.wechat-button,.workspace-complete-button,.room-create-submit{border:1px solid color-mix(in srgb, var(--v4-action), black 10%);color:#fff;background:var(--v4-action);box-shadow:inset 0 1px #ffffff2e, 0 3px 8px rgba(var(--ui-shadow-color), .12);border-radius:12px;font-weight:600}.primary-button:hover:enabled,.submit-button:hover:enabled,.workspace-complete-button:hover:enabled{background:color-mix(in srgb, var(--v4-action), black 7%);box-shadow:0 4px 12px rgba(var(--ui-shadow-color), .16)}.secondary-button,.ghost-button,.auth-back-button,.compact-button.secondary-button{border:1px solid var(--v4-line);color:var(--v4-text-2);background:var(--ui-glass);box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-sm);border-radius:10px}.secondary-button:hover:enabled,.ghost-button:hover:enabled{border-color:var(--v4-line-strong);background:var(--v4-surface-3)}.tab.active,.chip.active,.active-chip,.mode-tabs .tab.active,.mine-tab-list .tab.active,.auth-method-tab.active{color:var(--v4-accent-ink);border-color:var(--v4-line-strong);background:var(--v4-accent-soft);box-shadow:inset 0 1px var(--ui-glass-edge), 0 2px 5px rgba(var(--ui-shadow-color), .045)}.danger-button,.button.danger{color:var(--v4-error);background:var(--ui-error-soft)}.auth-link-button{color:var(--v4-accent-ink)}.icon-button{background:var(--ui-glass);box-shadow:inset 0 1px var(--ui-glass-edge);border-radius:10px}.icon-button.subtle{box-shadow:none}.v4-app-header{background:var(--ui-glass);border-color:var(--v4-line);min-height:64px;box-shadow:0 2px 12px rgba(var(--ui-shadow-color), .035);-webkit-backdrop-filter:blur(16px);padding:0 28px}.v4-app-header .app-brand small{color:var(--v4-muted);letter-spacing:.08em}.v4-app-header .bead-brand-mark{background:var(--v4-accent-soft);border:1px solid var(--ui-glass-edge);box-shadow:inset 0 2px 3px var(--ui-glass-edge), 0 3px 7px rgba(var(--ui-shadow-color), .12);grid-template-columns:repeat(3,1fr);gap:3px;padding:7px}.v4-app-header .bead-brand-mark span{background:var(--v4-accent);width:5px;height:5px;box-shadow:none;border-radius:50%}.v4-app-header .top-tabs .tab{min-height:40px;padding:0 20px;font-size:14px}.v4-app-header .top-tabs .tab.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft);box-shadow:inset 0 1px var(--ui-glass-edge)}.v4-app-header .header-login-button{color:var(--v4-accent-ink);border-color:var(--v4-line-strong);background:var(--v4-accent-soft)}.v4-app-header .account-menu-popover{background:var(--ui-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px}.community-v4-layout{background:0 0;grid-template-columns:188px minmax(0,1fr);width:min(1440px,100%);margin:0 auto}.community-sidebar{border-right:1px solid var(--v4-line);background:0 0;padding:32px 18px}.community-sidebar nav{gap:5px}.community-sidebar nav>small{color:var(--v4-muted);margin-bottom:6px;font-size:11px}.community-sidebar nav>button{border-radius:10px;min-height:42px;font-size:13px}.community-sidebar nav>button.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.community-weekly{border:1px solid var(--v4-line);background:var(--ui-glass);border-radius:16px;padding:16px}.community-weekly p{font-size:12px;line-height:1.7}.community-main{background:0 0;padding:30px 36px 60px}.community-search-form{background:var(--ui-glass);height:48px;box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-sm);border-radius:14px}.community-search-form input{font-size:14px}.community-search-panel{box-shadow:var(--v4-shadow);border-radius:16px}.continue-module{margin-top:28px}.community-heading h1{font-size:clamp(23px,2.4vw,30px)}.community-heading p{margin-top:7px;font-size:13px;line-height:1.6}.continue-work{background:var(--ui-glass);box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-md);border-radius:20px;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);margin-top:18px}.continue-preview{min-height:206px}.continue-preview>span{color:var(--v4-text);background:var(--ui-glass);font-size:11px}.continue-copy{padding:22px 26px}.continue-copy h2{font-size:22px}.continue-copy>p{margin:8px 0 15px;font-size:12px}.continue-stats strong{font-size:18px}.continue-stats span{font-size:11px}.continue-actions{margin-top:12px}.continue-actions .compact-button{min-height:40px;padding:0 16px;font-size:12px}.continue-empty{background:var(--ui-glass);min-height:146px;box-shadow:var(--ui-shadow-sm);border-radius:20px;padding:24px}.continue-empty>div{flex:1}.continue-empty strong{font-size:17px}.continue-empty p{font-size:13px;line-height:1.6}.online-section,.inspiration-section{margin-top:34px}.online-section h2,.inspiration-section h2{font-size:20px}.online-section header button,.inspiration-section header button{min-height:36px;color:var(--v4-accent-ink);font-size:12px}.online-room-strip{border:0;gap:12px;margin-top:12px}.online-room-strip>button{border:1px solid var(--v4-line);background:var(--ui-glass);border-radius:14px;padding:12px}.online-room-strip strong{font-size:13px}.online-room-strip small{font-size:11px}.community-inline-empty{padding:20px 0;font-size:13px}.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.inspiration-grid article,.inspiration-grid article:nth-child(4n+1){border:1px solid var(--v4-line);box-shadow:var(--ui-shadow-sm);transition:border-color var(--ui-motion-fast), box-shadow var(--ui-motion-fast);border-radius:16px;grid-column:auto;overflow:hidden}.inspiration-grid article:hover{border-color:var(--v4-line-strong);box-shadow:var(--ui-shadow-md)}.inspiration-grid .board-preview{border:0;border-radius:0;max-height:300px}.inspiration-grid article>div{padding:15px}.inspiration-grid strong{font-size:15px}.inspiration-grid p{min-height:36px;max-height:42px;font-size:12px;line-height:1.65}.inspiration-grid span{font-size:11px}.v4-page,.note-v4-page{background:0 0}.room-center-page{max-width:1280px;margin:0 auto;padding:36px 30px 56px}.v4-page-heading p{font-size:13px;line-height:1.7}.room-center-filters{gap:8px;margin-bottom:16px}.room-center-filters button{min-height:40px;font-size:13px}.room-center-filters button.active{border-color:var(--v4-line-strong);color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.room-center-list{gap:12px}.room-center-row{border:1px solid var(--v4-line);background:var(--ui-glass);box-shadow:var(--ui-shadow-sm);border-radius:16px;padding:16px}.room-row-copy p{font-size:12px}.room-row-copy small,.room-row-stat small,.room-row-members small{font-size:11px}.room-row-actions button{font-size:12px}.room-row-preview>span{color:var(--v4-text);background:var(--ui-glass)}.v4-empty-state{text-align:center;border:1px dashed var(--v4-line-strong);background:var(--ui-glass);border-radius:20px;justify-items:center;padding:44px 24px}.v4-empty-state strong{margin-top:12px;font-size:18px}.v4-empty-state p{max-width:420px;line-height:1.7}.mine-layout,.publish-note-layout{gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:28px}.mine-nav-panel{box-shadow:none;background:0 0;border:0;padding:0}.mine-tab-list{border:1px solid var(--v4-line);background:var(--ui-glass);border-radius:14px;gap:7px;padding:6px}.mine-tab-list .tab{border-radius:10px;min-height:42px;font-size:13px}.appearance-summary{align-items:center;gap:16px;padding:20px 0 4px;display:flex}.appearance-summary>span{border:1px solid var(--v4-line);background:radial-gradient(at 10% 0%, var(--ui-peach), transparent 75%), radial-gradient(at 90% 100%, var(--ui-lavender), transparent 75%), var(--v4-app-bg);width:54px;height:54px;box-shadow:inset 0 2px var(--ui-glass-edge), var(--ui-shadow-sm);border-radius:16px;flex:0 0 54px}.appearance-summary strong{font-size:15px}.appearance-summary p{color:var(--v4-text-2);margin:5px 0 0;font-size:13px}.portfolio-card,.gallery-item-card,.artwork-mini-card,.room-card{box-shadow:none;background:var(--v4-surface);border-radius:14px}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:start}.portfolio-card,.portfolio-card.completed,.portfolio-card.incomplete{border:1px solid var(--v4-line);gap:14px;padding:12px}.portfolio-card:hover,.gallery-item-card:hover,.room-card:hover{box-shadow:var(--ui-shadow-md);transform:none}.portfolio-card .board-preview{border-color:var(--v4-line);border-radius:10px;width:100%;height:260px}.portfolio-meta{gap:9px;padding:2px 2px 4px}.portfolio-meta .toolbar-header{align-items:start;gap:12px;margin:0}.portfolio-meta .toolbar-header>div{min-width:0}.portfolio-meta strong{font-size:15px;line-height:1.5}.portfolio-meta p{color:var(--v4-text-2);margin:3px 0 0;font-size:12px;line-height:1.6}.portfolio-status,.portfolio-status.done,.portfolio-status.draft{background:0 0;flex:none;padding:0}.portfolio-status button{white-space:nowrap;min-height:34px;box-shadow:none;padding:0 10px;font-size:11px}.portfolio-status.done button{color:var(--v4-success);background:var(--ui-success-soft)}.portfolio-status.draft button{color:var(--v4-text-2);background:var(--v4-surface-3)}.portfolio-meta .toolbar-actions{gap:8px;margin-top:6px}.portfolio-meta .toolbar-actions button{min-height:40px;padding:0 13px;font-size:12px}.portfolio-meta .toolbar-actions button:first-child{background:var(--v4-accent-soft);color:var(--v4-accent-ink)}.profile-section-heading h2{font-size:21px}.profile-section-heading p{color:var(--v4-text-2)}.contact-binding-mark{color:var(--v4-accent-ink);background:var(--v4-accent-soft)}.contact-binding-status.bound{color:var(--v4-success);background:var(--ui-success-soft)}.publish-note-preview,.publish-note-form{align-self:start;padding:26px}.publish-note-form .textarea{min-height:220px;line-height:1.8}.note-v4-board{height:520px;min-height:0;box-shadow:var(--ui-shadow-sm);border-radius:18px;display:flex}.note-v4-board>.board-preview{border:0;flex:1;width:100%;height:100%;min-height:0;max-height:none}.note-v4-board>.note-board-viewer{width:100%;min-width:0}.note-v4-summary{border:1px solid var(--v4-line);background:var(--ui-glass);border-radius:18px;padding:20px}.note-v4-stats strong{font-size:16px}.note-v4-stats span,.note-v4-paid-note,.note-v4-comments-preview p{font-size:12px}.note-v4-copy>p{font-size:15px}.note-v4-author strong,.note-v4-comment-list strong{font-size:13px}.note-v4-author small,.note-v4-comment-list small{font-size:11px}.note-v4-comment-list p{font-size:14px;line-height:1.7}.note-v4-social{font-size:12px}.note-v4-social button{min-height:42px}.note-v4-comments form input{min-height:44px}.room-create-main{padding:30px 20px}.room-create-form{background:var(--ui-glass);box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-md);border-radius:22px;padding:28px}.room-create-topbar{background:var(--ui-glass)}.room-create-heading p{color:var(--v4-accent-ink)}.room-create-heading>span{font-size:13px}.workflow-choice{gap:10px}.workflow-choice label{background:var(--v4-surface-2);transition:border-color var(--ui-motion-fast), background var(--ui-motion-fast);border-radius:14px}.workflow-choice label:hover{border-color:var(--v4-line-strong)}.workflow-choice label:has(input:focus-visible){outline:2px solid var(--v4-accent);outline-offset:3px}.switch-field:has(input:focus-visible){outline:2px solid var(--v4-accent);outline-offset:3px}.workflow-choice label.active{box-shadow:inset 0 1px var(--ui-glass-edge)}.workflow-choice strong{font-size:14px}.workflow-choice small{font-size:12px}.auth-modal-backdrop{background:rgba(var(--ui-shadow-color), .24);-webkit-backdrop-filter:blur(10px)}.auth-shell{border:1px solid var(--v4-line);background:var(--v4-surface);box-shadow:var(--v4-shadow);border-radius:24px;gap:0;overflow:hidden}.auth-shell .panel{box-shadow:none;border:0;border-radius:0}.auth-shell .auth-hero{background:radial-gradient(ellipse at 20% 5%, var(--ui-peach), transparent 68%), radial-gradient(ellipse at 85% 90%, var(--ui-lavender), transparent 80%), var(--v4-surface)}.auth-hero:after{display:none}.auth-shell .auth-card{background:var(--ui-glass)}.auth-hero .lead{color:var(--v4-text-2);font-size:13px;line-height:1.8}.auth-craft-board{border:1px solid var(--ui-glass-edge);background:var(--ui-glass);box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-md)}.auth-craft-board span{box-shadow:inset 0 3px 5px #ffffffa6, 0 3px 6px rgba(var(--ui-shadow-color),.12);position:relative}.auth-craft-board span:after{content:"";box-shadow:inset 0 1px 3px rgba(var(--ui-shadow-color),.14);background:#fff9;border-radius:50%;position:absolute;inset:34%}.auth-craft-board span:nth-child(4n+1){background:#d1c4eb}.auth-craft-board span:nth-child(4n+2){background:#ebcdc2}.auth-craft-board span:nth-child(4n+3){background:#d0ddcf}.auth-primary-tabs,.auth-method-tabs{background:var(--v4-surface-3);border-radius:12px}.auth-modal-close{border:1px solid var(--v4-line);background:var(--v4-surface-2);color:var(--v4-text);box-shadow:var(--ui-shadow-sm)}.auth-phone-input>input{background:0 0}.toast-card{border-color:var(--v4-line);background:var(--ui-glass);color:var(--v4-text);box-shadow:var(--ui-shadow-md);border-radius:12px}.toast-success{border-left-color:var(--v4-success)}.toast-error{border-left-color:var(--v4-error)}.app-shell.play-fullscreen{height:100dvh;min-height:0;padding:0;overflow:hidden}.main-shell.play-fullscreen-shell:not(.room-create-main-shell){height:100dvh;min-height:0;margin:0}.app-shell.room-create-shell{height:auto;min-height:100dvh;overflow:visible}.workspace-topbar{background:var(--ui-glass);gap:10px;height:48px;padding:0 10px}.workspace-title-line h1{font-size:14px}.workspace-title-block p{margin-top:1px;font-size:10px}.workspace-body{grid-template-columns:184px minmax(0,1fr) 224px 44px;height:calc(100% - 48px)}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:44px minmax(0,1fr) 224px 44px}.workspace-regions.collapsed{width:44px}.workspace-regions,.workspace-inspector,.workspace-collab-rail{background:var(--ui-glass)}.workspace-regions>header,.inspector-tabs{height:40px}.workspace-regions>header{padding-left:10px;font-size:12px}.region-current{padding:12px}.region-current h2{font-size:15px}.region-list{padding:5px}.region-list button{min-height:48px}.region-rule-note{margin:auto 8px 8px;padding:9px;font-size:11px}.workspace-stage{background:linear-gradient(125deg, var(--ui-peach), var(--ui-lavender));grid-template-rows:34px minmax(0,1fr) 52px}.workspace-contextbar{background:var(--ui-glass);padding:0 8px}.workspace-contextbar strong{font-size:11px}.workspace-contextbar span{font-size:10px}.workspace-view-actions{gap:4px}.workspace-view-actions button{background:0 0;border:0;width:28px;height:28px}.workspace-dual-view{padding:6px}.workspace-reference-pane,.workspace-canvas-pane{border:1px solid var(--v4-line);border-radius:12px}.workspace-reference-pane .reference-panel,.workspace-canvas-pane .board-panel{background:var(--v4-canvas-paper);padding:0}.workspace-reference-pane .reference-panel{gap:0}.workspace-reference-pane .reference-panel-header{background:var(--v4-surface);min-height:28px;padding:0 8px}.workspace-reference-pane .reference-panel-header h2{color:var(--v4-text);font-size:11px}.workspace-reference-pane .reference-zoom-controls{background:var(--v4-surface);border:0;border-radius:0;grid-template-columns:28px minmax(20px,1fr) 28px auto auto;gap:5px;min-height:32px;margin:0;padding:2px 5px}.workspace-reference-pane .reference-zoom-controls button{height:28px;color:var(--v4-text-2);background:0 0;border:0}.workspace-reference-pane .reference-zoom-controls input{accent-color:var(--v4-accent)}.workspace-reference-pane .reference-zoom-controls strong{color:var(--v4-text-2)}.workspace-reference-pane .reference-fit-button{grid-column:auto}.workspace-reference-pane .reference-viewport,.workspace-reference-pane .reference-empty{border:0;border-radius:0;min-height:0}.workspace-reference-pane .reference-panel-header,.workspace-reference-pane .reference-zoom-controls{flex-shrink:0}.workspace-splitter{touch-action:none;background:0 0}.workspace-splitter span{background:var(--v4-line-strong);width:3px}.workspace-canvas-pane .canvas-viewport{border-radius:0}.board-ruler,.board-ruler-corner{background:var(--v4-surface);color:var(--v4-text-2);border-color:var(--v4-line)}.workspace-canvas-pane .canvas-scroll{padding:26px 4px 4px 26px}.board-ruler-top,.board-ruler-tick-top{height:22px}.board-ruler-left,.board-ruler-tick-left{width:22px}.board-ruler-corner{border-radius:0;width:22px;height:22px}.board-ruler{border-radius:0}.workspace-canvas-pane .board-canvas{box-shadow:none}.workspace-tool-dock{background:var(--ui-glass);gap:4px;padding:3px 7px}.workspace-tool-dock>button{border:1px solid #0000;border-radius:10px;min-width:48px;height:44px}.workspace-tool-dock>button.active{border-color:var(--v4-accent);background:var(--v4-accent-soft);box-shadow:inset 0 1px var(--ui-glass-edge), var(--ui-shadow-sm)}.workspace-tool-dock .current-color-tool{min-width:132px}.tool-dock-divider{height:26px;margin:0 4px}.current-color-tool>i,.inspector-color-row>span,.workspace-palette-recents i,.workspace-palette-results i,.inspector-palette-list i{box-shadow:inset 0 2px 4px #ffffff80, 0 2px 5px rgba(var(--ui-shadow-color),.16);border-radius:50%;position:relative}.current-color-tool>i:after,.workspace-palette-recents i:after,.workspace-palette-results i:after{content:"";background:#ffffff80;border-radius:50%;position:absolute;inset:35%;box-shadow:inset 0 1px 2px #281e3233}.inspector-section{padding:12px}.inspector-note{background:var(--v4-surface-3);border-color:var(--v4-line);font-size:11px}.workspace-collab-rail{padding:6px 2px}.workspace-collab-rail button{width:40px;min-height:44px;font-size:9px}.workspace-overlay-backdrop{background:rgba(var(--ui-shadow-color), .2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);top:48px}.workspace-overlay{background:var(--ui-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:soft-panel-enter var(--ui-motion-panel) var(--ui-ease);border-radius:18px 0 0 18px}.workspace-overlay>header{min-height:58px}.workspace-palette-panel{background:linear-gradient(150deg, transparent, color-mix(in srgb, var(--ui-lavender), transparent 40%))}.workspace-palette-panel input{background:var(--v4-surface-2);border-radius:12px}.workspace-message-list p{border:1px solid var(--v4-line);border-radius:4px 12px 12px;font-size:13px}.workspace-message-list article.mine p{border-color:var(--v4-line-strong)}.workspace-loading-state,.workspace-error-state{color:var(--v4-text-2)}.workspace-completion{text-align:center;background:radial-gradient(ellipse at 0% 0%, var(--ui-peach), transparent 60%), radial-gradient(ellipse at 100% 100%, var(--ui-lavender), transparent 60%);flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex}.workspace-completion h3{margin:30px 0 10px;font-size:26px}.workspace-completion p{color:var(--v4-text-2);font-size:14px;line-height:1.8}.workspace-completion button{min-height:44px;margin-top:24px;padding:0 30px}.workspace-operation-notice{border-radius:10px;font-size:12px;top:55px}.workspace-layout-toggle.active{color:var(--v4-accent-ink);background:var(--v4-accent-soft)}:is(.workspace-body.inspector-hidden,.workspace-body.inspector-hidden:has(.workspace-regions.collapsed)){grid-template-columns:184px minmax(0,1fr) 44px}.workspace-body.inspector-hidden:has(.workspace-regions.collapsed){grid-template-columns:44px minmax(0,1fr) 44px}.workspace-body.inspector-hidden>.workspace-inspector{display:none}.workspace-body.tools-hidden .workspace-stage{grid-template-rows:34px minmax(0,1fr)}.workspace-body.tools-hidden .workspace-tool-dock{display:none}.workspace-dual-view.reference-hidden{grid-template-rows:minmax(0,1fr)!important;grid-template-columns:minmax(0,1fr)!important}.workspace-dual-view.reference-hidden .workspace-reference-pane,.workspace-dual-view.reference-hidden .workspace-splitter{display:none}.manage-shell,.manage-shell+.site-icp-footer{background:var(--v4-app-bg);color:var(--v4-text)}.manage-sidebar{background:var(--v4-surface);color:var(--v4-text);border-right:1px solid var(--v4-line)}.manage-brand{border-color:var(--v4-line)}.manage-brand span,.manage-muted{color:var(--v4-muted)}.manage-nav button{color:var(--v4-text-2);border-radius:10px}.manage-nav button.active,.manage-nav button:hover{background:var(--v4-accent-soft);color:var(--v4-accent-ink)}.manage-logout{color:var(--v4-error);background:var(--ui-error-soft)}.manage-panel,.manage-login-card{background:var(--ui-glass)}.manage-table th{background:var(--v4-surface-3);color:var(--v4-text-2)}.manage-table td,.manage-table th{border-color:var(--v4-line)}.manage-kicker{color:var(--v4-accent-ink)}@keyframes soft-panel-enter{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.workspace-body{grid-template-columns:156px minmax(0,1fr) 204px 44px}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:44px minmax(0,1fr) 204px 44px}.community-main{padding:24px}.online-room-strip{grid-template-columns:1fr 1fr}.online-room-strip>button:last-child{grid-column:1/-1}}@media (width<=1079px){.workspace-body,.workspace-body.inspector-hidden{grid-template-columns:156px minmax(0,1fr)}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:44px minmax(0,1fr)}.workspace-body.inspector-hidden:has(.workspace-regions.collapsed){grid-template-columns:44px minmax(0,1fr)}.workspace-view-actions .workspace-inspector-toggle,.workspace-contextbar>div:first-child span{display:none}}@media (width<=820px){.v4-app-header{min-height:56px;padding:0 10px}.v4-app-header .top-tabs .tab{min-height:44px;padding:0 6px;font-size:12px}.community-v4-layout{grid-template-columns:1fr}.community-main{padding:20px 16px 36px}.continue-work{border-radius:16px;grid-template-columns:110px minmax(0,1fr)}.continue-preview{min-height:162px}.continue-copy{padding:16px}.continue-copy h2{font-size:18px}.continue-copy>p{font-size:11px}.continue-actions{flex-wrap:wrap;margin-top:4px}.continue-actions .compact-button{min-height:38px;padding:0 12px}.continue-empty{flex-wrap:wrap;gap:14px;padding:20px}.continue-empty>div{min-width:180px}.continue-empty>button{margin-left:auto}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-center-page{padding:24px 16px}.room-center-row{grid-template-columns:94px minmax(0,1fr) 92px;gap:12px;padding:12px}.room-row-copy h2{overflow-wrap:anywhere;font-size:15px}.mine-layout,.publish-note-layout{padding:20px 16px}.publish-note-preview .toolbar-header{flex-direction:row;align-items:center;gap:12px}.publish-note-preview .toolbar-header h2{font-size:17px}.publish-note-preview .board-preview{border-radius:12px;width:100%;height:210px}.publish-note-preview .lead{font-size:12px}.panel{padding:20px}.mine-nav-panel{padding:0}.mine-tab-list{flex-wrap:nowrap;overflow-x:auto}.mine-tab-list .tab{flex:none}.note-v4-page{padding:16px}.note-v4-board{height:350px;min-height:0}.note-v4-copy h1{font-size:25px}.auth-shell-modal{border-radius:20px}.room-create-form{padding:22px}}@media (width<=720px){.workspace-body,.workspace-body.inspector-hidden{grid-template-columns:minmax(0,1fr)}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:minmax(0,1fr)}.workspace-body.inspector-hidden:has(.workspace-regions.collapsed){grid-template-columns:minmax(0,1fr)}.workspace-title-line h1{max-width:110px;font-size:13px}.workspace-topbar{padding:0 5px}.workspace-top-actions{gap:2px}.workspace-top-actions .icon-button{flex-basis:34px;width:34px;height:38px}.workspace-complete-button{min-height:36px;padding:0 8px;font-size:10px}.workspace-contextbar{gap:4px}.workspace-contextbar>div:first-child{min-width:0}.workspace-contextbar strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-dual-view{grid-template-rows:var(--reference-split,44%) 12px minmax(0, 1fr);padding:4px}.workspace-splitter{cursor:row-resize;width:100%;height:12px;display:grid}.workspace-splitter span{width:34px;height:3px}.workspace-tool-dock>button{min-width:46px}.workspace-tool-dock .current-color-tool{min-width:124px}.workspace-overlay{border-radius:18px 18px 0 0;width:100%}.workspace-reference-pane .reference-panel-header .ghost-button{display:none}.workspace-operation-notice{max-width:none;left:8px;right:8px}}@media (width<=420px){.v4-app-header .app-brand{min-width:56px}.v4-app-header .top-tabs .tab{padding:0 4px;font-size:11px}.community-heading h1{font-size:22px}.community-heading p{font-size:12px}.continue-copy>p{max-height:none}.online-room-strip{grid-template-columns:1fr}.online-room-strip>button:last-child{grid-column:auto}.inspiration-grid article>div{padding:12px}.inspiration-grid strong{font-size:13px}.inspiration-grid p{font-size:11px}.v4-page-heading{align-items:start;gap:10px}.v4-page-heading h1{font-size:25px}.room-center-filters{overflow-x:auto}.room-center-filters button{flex:none}.room-center-row{grid-template-columns:84px minmax(0,1fr)}.room-row-actions{grid-column:1/-1;justify-content:flex-end;display:flex}.room-row-actions button{min-height:44px;padding:0 14px}}@media (height<=520px){.workspace-body,.workspace-body.inspector-hidden{grid-template-columns:minmax(0,1fr)}.workspace-body:has(.workspace-regions.collapsed){grid-template-columns:minmax(0,1fr)}.workspace-body.inspector-hidden:has(.workspace-regions.collapsed){grid-template-columns:minmax(0,1fr)}.workspace-topbar{height:44px}.workspace-body{height:calc(100% - 44px)}.workspace-overlay-backdrop{top:44px}.workspace-stage{grid-template-rows:32px minmax(0,1fr) 48px}.workspace-body.tools-hidden .workspace-stage{grid-template-rows:32px minmax(0,1fr)}.workspace-tool-dock{padding:2px 6px}.workspace-title-block p{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workspace-palette-swatches i{border-radius:50%;position:relative;box-shadow:inset 0 2px 4px #ffffff80,0 2px 5px #49345b1f}.workspace-palette-swatches i:after{content:"";background:#ffffff80;border-radius:50%;position:absolute;inset:35%;box-shadow:inset 0 1px 2px #49345b2e}.workspace-palette-swatches button{border:1px solid #0000;border-radius:10px}.workspace-palette-swatches button.active{border-color:var(--v4-accent)}.manage-primary{color:#fff;background:var(--v4-action);box-shadow:inset 0 1px #fff3, var(--ui-shadow-sm);border-radius:10px}.manage-secondary{color:var(--v4-text-2);background:var(--v4-surface-3);border:1px solid var(--v4-line);border-radius:10px}.manage-secondary.danger{color:var(--v4-error);background:var(--ui-error-soft);border-color:#dfb7c4}.manage-row{border-color:var(--v4-line)}.manage-row-head{color:var(--v4-text-2);background:var(--v4-surface-3)}.manage-status.ok{color:var(--v4-success);background:var(--ui-success-soft)}.manage-status.warn{color:var(--v4-warning);background:var(--ui-warning-soft)}.manage-status.danger{color:var(--v4-error);background:var(--ui-error-soft)}