:root{color:#18191d;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;--paper:#eee8dc;--ink:#18191d;--hairline:#18191d33;--muted:#18191d85;background:#eee8dc;font-family:Songti SC,STSong,Noto Serif CJK SC,Yu Mincho,serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button{font:inherit}.studio-shell{isolation:isolate;background:var(--paper);width:100%;height:100%;position:relative;overflow:hidden}.fluid-surface,.fluid-canvas,.brush-surface,.paper-fibers{width:100%;height:100%;position:absolute;inset:0}.fluid-surface{z-index:0}.fluid-canvas{cursor:crosshair;touch-action:none;display:block}.fluid-surface[data-mode=brush] .fluid-canvas{cursor:default}.brush-surface{z-index:1;opacity:1;pointer-events:none;touch-action:none;mix-blend-mode:multiply;cursor:crosshair;transition:opacity .72s cubic-bezier(.16,1,.3,1);display:block}.brush-surface.is-active{pointer-events:auto}.brush-surface.is-washing{opacity:0}.paper-fibers{z-index:2;pointer-events:none;mix-blend-mode:multiply;opacity:.13;background-image:url(/assets/xuan-paper.png);background-position:50%;background-size:cover}.identity{z-index:3;pointer-events:none;align-items:flex-start;gap:17px;display:flex;position:absolute;top:28px;left:28px}.identity h1{writing-mode:vertical-rl;color:var(--ink);letter-spacing:.28em;margin:0;font-size:clamp(38px,4.3vw,66px);font-weight:760;line-height:1}.identity-rule{background:linear-gradient(#18191d6b,#0000);width:1px;height:clamp(112px,18vh,168px)}.identity p{color:#18191d94;letter-spacing:.22em;writing-mode:vertical-rl;margin:5px 0 0;font-family:ui-serif,Georgia,serif;font-size:9px;line-height:1.9}.water-mark{z-index:3;color:#18191d7a;letter-spacing:.16em;pointer-events:none;align-items:center;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex;position:absolute;top:30px;right:30px}.water-mark i{background:var(--hairline);width:24px;height:1px}.gesture-hint{z-index:3;color:#18191d80;letter-spacing:.38em;text-indent:.38em;pointer-events:none;align-items:center;gap:14px;margin:0;font-size:12px;transition:opacity 1.2s,transform 1.2s;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}.gesture-hint i{background:#18191d3d;width:32px;height:1px}.gesture-hint.is-hidden{opacity:0;transform:translate(-50%,calc(-50% - 8px))}.control-dock{z-index:5;-webkit-backdrop-filter:blur(18px)saturate(.9);background:#f1ece1ad;border:1px solid #18191d33;border-radius:8px;align-items:center;gap:20px;min-height:62px;padding:9px 12px 9px 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #4437251c}.tool-switch{background:#18191d09;border:1px solid #18191d29;border-radius:6px;grid-template-columns:repeat(2,36px);gap:2px;padding:3px;display:grid}.tool-switch button{color:#18191d80;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:36px;height:36px;padding:0;transition:color .18s,background .18s,box-shadow .18s;display:grid}.tool-switch button:hover{color:var(--ink)}.tool-switch button.is-active{color:var(--ink);background:#f6f2e9e0;box-shadow:0 1px 4px #372c1e1f}.ink-palette{border:0;align-items:center;gap:9px;min-width:0;margin:0;padding:0;display:flex}.ink-palette legend{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.ink-choice{color:#18191d9e;cursor:pointer;background:0 0;border:0;place-items:center;width:35px;height:44px;padding:0;display:grid;position:relative}.ink-dot{border:1px solid #ffffff47;border-radius:50%;width:23px;height:23px;transition:transform .18s,box-shadow .18s;display:block;box-shadow:0 2px 7px #18191d33}.ink-label{letter-spacing:.08em;opacity:0;font-size:10px;transition:opacity .18s,transform .18s;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.ink-choice:after{content:"";pointer-events:none;border:1px solid #0000;border-radius:50%;transition:border-color .18s;position:absolute;inset:5px 1px}.ink-choice:hover .ink-dot{transform:scale(1.12)}.ink-choice:hover .ink-label,.ink-choice[aria-pressed=true] .ink-label{opacity:1;transform:translate(-50%,-2px)}.ink-choice[aria-pressed=true]:after{border-color:#18191d80}.ink-choice:focus-visible,.tool-switch button:focus-visible,.brush-size input:focus-visible,.dock-actions button:focus-visible{outline-offset:2px;outline:2px solid #244f78b3}.brush-size{color:#18191d8c;align-items:center;gap:8px;width:106px;display:flex}.brush-size input{cursor:ew-resize;appearance:none;background:0 0;width:78px;height:24px;margin:0}.brush-size input::-webkit-slider-runnable-track{background:#18191d38;border-radius:1px;height:2px}.brush-size input::-webkit-slider-thumb{appearance:none;background:#eee8dc;border:1px solid #18191d80;border-radius:50%;width:13px;height:13px;margin-top:-5.5px;box-shadow:0 1px 3px #18191d29}.brush-size input::-moz-range-track{background:#18191d38;border:0;border-radius:1px;height:2px}.brush-size input::-moz-range-thumb{background:#eee8dc;border:1px solid #18191d80;border-radius:50%;width:13px;height:13px;box-shadow:0 1px 3px #18191d29}.dock-divider{background:var(--hairline);width:1px;height:32px}.dock-actions{align-items:center;gap:2px;display:flex}.dock-actions button{color:#18191dad;cursor:pointer;letter-spacing:.09em;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:78px;height:42px;padding:0 10px;font-size:12px;transition:color .18s,background .18s;display:inline-flex}.dock-actions button:hover{color:var(--ink);background:#18191d0e}.dock-actions button.is-active{color:#244f78}.unsupported{z-index:8;max-width:320px;color:var(--ink);border:1px solid var(--hairline);text-align:center;background:#eee8dceb;gap:8px;padding:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unsupported span{color:var(--muted);font-size:13px;line-height:1.7}.corner-orbit{z-index:3;color:#18191d6e;letter-spacing:.16em;pointer-events:none;align-items:center;gap:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;display:flex;position:absolute;bottom:28px;right:28px}@media (width<=760px){.identity{gap:12px;top:18px;left:18px}.identity h1{font-size:34px}.identity-rule{height:94px}.water-mark,.corner-orbit{display:none}.gesture-hint{letter-spacing:.22em;text-indent:.22em;gap:8px;width:max-content;max-width:calc(100vw - 48px);font-size:10px}.gesture-hint i{width:18px}.control-dock{grid-template-columns:auto minmax(0,1fr);gap:6px;padding:8px;display:grid;bottom:10px;left:10px;right:10px;transform:none}.tool-switch{align-self:center}.ink-palette{justify-content:center}.ink-choice{width:41px;height:36px}.ink-choice:after{inset:0 3px}.ink-label,.dock-divider{display:none}.brush-size{grid-column:1/-1;justify-self:center;width:min(240px,100%)}.brush-size input{flex:1;width:auto}.dock-actions{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dock-actions button{min-width:0;height:38px}}@media (prefers-reduced-motion:reduce){.gesture-hint,.brush-surface,.ink-dot,.ink-label,.dock-actions button{transition-duration:.01ms}}