:root{color-scheme:dark;--bg: #0c0a08;--surface: #161310;--text: #eadfce;--muted: #9a8f82;--quiet: #6d645a;--accent: #c45c3e;--accent-soft: #c45c3e2e;--bone: #e6d7c3;--line: #eadfce14;--display: "Bodoni MT", Didot, "Times New Roman", "Songti SC", "STSong", serif;--font: "Bahnschrift", "Segoe UI Variable", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--edge: clamp(18px, 2.4vw, 36px)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--bg)}body{min-width:320px;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent;border:0;cursor:pointer;color:var(--muted);background:transparent;transition:color .18s ease,background .18s ease,border-color .18s ease}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:1px solid var(--accent);outline-offset:3px}button:hover{color:var(--bone)}button svg{width:15px;height:15px;flex-shrink:0;stroke-width:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.experience{position:relative;display:grid;grid-template-columns:clamp(228px,22vw,292px) minmax(0,1fr) 150px;grid-template-rows:minmax(0,1fr);column-gap:clamp(14px,2vw,28px);width:100%;height:100dvh;min-height:320px;padding:var(--edge);isolation:isolate;background:radial-gradient(ellipse at 58% 46%,#17120f 0%,var(--bg) 58%),linear-gradient(90deg,#120e0b 0%,var(--bg) 36%,var(--bg) 100%)}.grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.info-rail,.controls-rail{z-index:2;min-width:0;min-height:0}.info-rail{grid-area:1 / 1;display:flex;flex-direction:column;gap:18px;padding:4px 2px 0;border-right:1px solid var(--line);padding-right:clamp(12px,1.4vw,22px)}.identity{display:flex;align-items:center;gap:12px}.seal{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;color:var(--bone);background:var(--accent);font-family:var(--display);font-size:18px;line-height:1;font-weight:400}.brand{display:grid;gap:4px;min-width:0}.brand b{color:var(--bone);font-size:11px;font-weight:500;letter-spacing:.28em}.brand small{color:var(--quiet);font-size:9px;letter-spacing:.14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{flex:0 0 auto}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;padding:0 14px;border:1px solid #c45c3e55;color:var(--bone);font-size:11px;letter-spacing:.16em}.primary-button svg{color:var(--accent)}.primary-button:hover{background:var(--accent-soft);border-color:var(--accent)}.cabinet{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cabinet-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px;border-bottom:1px solid var(--line)}.cabinet-tabs button{min-height:40px;padding:0;color:var(--quiet);font-size:12px;letter-spacing:.18em;border-bottom:1px solid transparent;margin-bottom:-1px}.cabinet-tabs button[aria-selected=true]{color:var(--bone);border-bottom-color:var(--accent)}.cabinet-pane{display:flex;flex-direction:column;min-height:0;flex:1}.cabinet-pane[hidden],[hidden]{display:none!important}.mood-list,.works-grid{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mood-list{display:flex;flex-direction:column;gap:2px;padding-bottom:10px}.mood-plate{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:10px;width:100%;min-height:44px;padding:8px 10px;text-align:left}.mood-plate em{color:var(--quiet);font-family:var(--display);font-size:13px;font-style:normal}.mood-plate span{color:var(--muted);font-family:var(--display);font-size:16px;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mood-plate:hover span,.mood-plate.active span{color:var(--bone)}.mood-plate.active em{color:var(--accent)}.mood-plate.active{background:linear-gradient(90deg,#c45c3e14,transparent 70%)}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding-bottom:10px}.work-card{position:relative;display:block;padding:0;aspect-ratio:3 / 4;overflow:hidden;background:#070605;box-shadow:inset 0 0 0 1px #eadfce18}.work-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}.work-card:hover img{filter:saturate(1) contrast(1.08)}.works-empty{margin:18px 4px;color:var(--quiet);font-size:11px;line-height:1.8}.cabinet-pane:not([hidden]) .works-empty:not(:only-of-type){display:none}.works-grid:not(:empty)+.works-empty{display:none}.cabinet-actions{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.cabinet-actions button,#save-work{min-height:42px;padding:0 12px;border:1px solid var(--line);color:var(--bone);font-size:11px;letter-spacing:.12em}#save-preset,#save-work{background:#c45c3e14;border-color:#c45c3e66}#save-preset:hover,#save-work:hover{background:var(--accent);color:#140c09}#delete-preset{min-width:72px}#delete-preset:disabled{opacity:.28;cursor:default}#works-pane .cabinet-actions{grid-template-columns:1fr}.stage{position:relative;grid-area:1 / 2;min-width:0;min-height:0;overflow:hidden;background:#070504;box-shadow:0 0 0 1px #eadfce10,0 30px 80px #0006}.viewfinder{position:absolute;inset:14px;z-index:2;pointer-events:none}.viewfinder:before,.viewfinder:after{content:"";position:absolute;width:18px;height:18px;border:1px solid #eadfce55}.viewfinder:before{top:0;left:0;border-right:0;border-bottom:0}.viewfinder:after{right:0;bottom:0;border-left:0;border-top:0}#particle-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#particle-canvas:active{cursor:grabbing}#particle-canvas:focus-visible{outline-offset:-8px}#fallback-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;opacity:.96;transition:opacity .26s ease}#particle-canvas{position:relative;z-index:1}.experience.webgl-ready #fallback-canvas{opacity:0}.work-viewer{position:absolute;inset:0;z-index:4;display:grid;place-items:center;overflow:hidden;background:#11131ae8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.work-viewer[hidden]{display:none}.work-viewer img{width:100%;height:100%;object-fit:contain}.work-viewer-meta{position:absolute;top:20px;left:24px;display:grid;gap:4px}.work-viewer-meta span{color:#b4d6dc;font-size:9px;letter-spacing:.18em}.work-viewer-meta strong{color:var(--bone);font-size:13px;font-weight:500}.work-viewer button{position:absolute;right:20px;bottom:20px;min-height:38px;padding:0 13px;border:1px solid #f5f0e633;border-radius:999px;color:var(--bone);background:#11131ac9;font-size:10px;letter-spacing:.08em}.work-viewer button:hover{background:#ef9678;border-color:#ef9678;color:#14151c}.source-chip{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line)}#source-preview{width:34px;height:44px;flex:0 0 34px;object-fit:cover;opacity:.78;box-shadow:inset 0 0 0 1px #eadfce20}.source-copy{flex:1;min-width:0}.source-copy strong,.source-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-copy strong{font-family:var(--display);font-size:13px;font-weight:400;color:var(--bone)}.source-copy small{margin-top:4px;color:var(--quiet);font-size:9px;font-variant-numeric:tabular-nums;letter-spacing:.04em}.source-replace{position:relative;display:grid;place-items:center;width:36px;height:44px;padding:0}.controls-rail{grid-area:1 / 3;display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:2px 0 2px 4px}.control-dock{width:100%;margin-block:auto}.mode-accordion,.dock-tools{display:flex;flex-direction:column}.mode-button,.dock-button{position:relative;display:flex;align-items:baseline;gap:12px;width:100%;min-height:42px;padding:0 8px;text-align:left;font-size:12px;white-space:nowrap}.mode-button em{width:18px;color:var(--quiet);font-family:var(--display);font-size:12px;font-style:normal}.mode-button span,.dock-button span{font-family:var(--display);font-size:15px;letter-spacing:.03em}.mode-button:hover,.dock-button:hover{color:var(--bone)}.mode-button.active,.mode-button.active em,.dock-button.active{color:var(--accent)}.dock-button{align-items:center}.dock-tools{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.capture-actions{position:absolute;z-index:3;top:var(--edge);right:var(--edge);display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);background:#120e0bf2;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .22s ease,transform .22s ease,visibility .22s}.capture-actions>span{padding:0 10px;color:var(--quiet);font-size:10px;letter-spacing:.16em}.capture-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 11px;font-size:10px;letter-spacing:.08em}.capture-actions button:hover{background:#eadfce0c}#collect-button{color:var(--bone)}#capture-exit{width:40px;padding:0;border-left:1px solid var(--line)}.experience.capture-mode{grid-template-columns:0 minmax(0,1fr) 0;column-gap:0;padding:0}.capture-mode .info-rail,.capture-mode .identity,.capture-mode .hero,.capture-mode .cabinet,.capture-mode .source-chip,.capture-mode .controls-rail{opacity:0;visibility:hidden;pointer-events:none}.capture-mode .capture-actions{opacity:1;visibility:visible;transform:none}.capture-mode .stage{grid-area:1 / 1 / 2 / -1}.preset-dialog,.help-dialog,.print-dialog{width:min(420px,calc(100vw - 28px));padding:0;border:1px solid #eadfce22;color:var(--text);background:#14110e;box-shadow:0 28px 90px #000c}.print-dialog{width:min(560px,calc(100vw - 28px))}.preset-dialog::backdrop,.help-dialog::backdrop,.print-dialog::backdrop{background:#070504c4}.preset-dialog form,.help-dialog form,.print-dialog[open]{display:grid;gap:14px;padding:26px}.dialog-kicker{color:var(--accent);font-size:9px;letter-spacing:.2em}.preset-dialog label{color:var(--bone);font-family:var(--display);font-size:22px;font-weight:400}.preset-dialog input{width:100%;height:42px;padding:0 2px;border:0;border-bottom:1px solid #eadfce33;color:var(--text);background:transparent;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.dialog-actions button,.help-dialog button{min-width:64px;height:38px;padding:0 12px;font-size:10px;letter-spacing:.1em;border:1px solid var(--line)}.dialog-actions button[type=submit],#print-download{color:#140c09;background:var(--accent);border-color:var(--accent)}.print-dialog img{width:100%;max-height:52vh;object-fit:contain;background:#070504}.print-meta{display:grid;gap:4px}.print-meta strong{font-family:var(--display);font-size:20px;font-weight:400;color:var(--bone)}.print-meta small{color:var(--quiet);font-size:10px;letter-spacing:.08em}.help-dialog ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.help-dialog li{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.help-dialog kbd{color:var(--bone);font:11px ui-monospace,Cascadia Code,monospace;letter-spacing:.04em}.help-dialog button{justify-self:end}.parameter-panel{display:none;gap:12px;padding:12px 4px 16px}.parameter-panel.open{display:grid;max-height:min(280px,34vh);overflow-y:auto;scrollbar-width:thin}.param-kicker{margin:4px 0 0;color:var(--quiet);font-size:9px;letter-spacing:.18em}.range-control{display:block;min-width:0}.range-control>span{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.range-control b{color:var(--muted);font-size:10px;font-weight:400}.range-control output{color:var(--quiet);font:10px/1.5 ui-monospace,Cascadia Code,monospace;font-variant-numeric:tabular-nums}.quality-control{display:grid;gap:8px;padding-top:4px;border-top:1px solid var(--line)}.quality-control>span{display:flex;align-items:baseline;justify-content:space-between}.quality-control b,.quality-control output{color:var(--muted);font-size:10px;font-weight:400}.quality-control select{width:100%;height:32px;padding:0 8px;border:1px solid var(--line);color:var(--text);background:var(--surface);font-size:10px}.text-action{justify-self:start;min-height:32px;padding:0;color:var(--quiet);font-size:10px;letter-spacing:.08em}input[type=range]{display:block;width:100%;height:22px;margin:2px 0 0;padding:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--accent) var(--fill, 50%),#eadfce22 var(--fill, 50%))}input[type=range]::-webkit-slider-thumb{width:7px;height:7px;margin-top:-3px;appearance:none;border:0;border-radius:50%;background:var(--accent)}input[type=range]::-moz-range-track{height:1px;background:#eadfce22}input[type=range]::-moz-range-progress{height:1px;background:var(--accent)}input[type=range]::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--accent)}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);right:0;width:max-content;padding:6px 8px;border:1px solid var(--line);color:var(--text);background:var(--surface);font-size:10px;opacity:0;pointer-events:none;transition:opacity .18s}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1}.drop-layer{position:absolute;inset:12px;z-index:4;display:grid;place-content:center;justify-items:center;border:1px dashed #c45c3e66;color:var(--text);background:#0c0a08f5;opacity:0;pointer-events:none;transition:opacity .2s}.experience.drag-active .drop-layer{opacity:1}.drop-layer>svg{width:22px;height:22px;stroke-width:1;color:var(--accent)}.drop-layer h2{margin:18px 0 0;font-family:var(--display);font-size:22px;font-weight:400}.processing,.toast{position:absolute;z-index:5;left:50%;top:var(--edge);max-width:min(280px,calc(100% - 40px));padding:9px 12px;border:1px solid var(--line);color:var(--text);background:var(--surface);opacity:0;pointer-events:none;transform:translate(-50%,-6px);transition:opacity .18s,transform .18s;font-size:11px;line-height:1.7}.processing{display:flex;align-items:center;gap:10px}.processing b{font-weight:400}.processing span{width:22px;height:1px;background:var(--accent);animation:processing .9s ease-in-out infinite alternate;transform-origin:left}.processing.visible,.toast.visible{opacity:1;transform:translate(-50%)}@keyframes processing{0%{transform:scaleX(.2);opacity:.3}to{transform:scaleX(1);opacity:1}}@media(max-width:1100px)and (min-width:768px){.experience{grid-template-columns:220px minmax(0,1fr) 132px}.mood-plate span{font-size:15px}}@media(max-width:767px){:root{--edge: 14px}.experience{grid-template-columns:minmax(0,1fr) 46px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px}.info-rail{display:contents;border:0;padding:0}.identity{grid-area:1 / 1}.hero{grid-area:1 / 1;display:flex;justify-content:flex-end}.primary-button{width:auto;min-width:118px;margin:0}.brand small{display:none}.stage{grid-area:2 / 1}.cabinet{grid-area:3 / 1;max-height:156px;min-height:0;overflow:hidden;padding-top:4px;border-top:1px solid var(--line)}.mood-list{flex:0 0 52px;min-height:52px;max-height:56px}.mood-plate{min-height:52px;min-width:100px;padding:6px 8px}.experience.parameters-open .cabinet{max-height:112px}.parameter-panel.open{max-height:min(160px,26vh)}.source-chip{grid-area:4 / 1}.controls-rail{grid-area:2 / 2 / 5 / 3;padding:0}.control-dock{margin:0}.mood-list,.works-grid{display:flex;overflow-x:auto;overflow-y:hidden}.mood-plate{min-width:108px;grid-template-columns:1fr}.work-card{flex:0 0 72px;width:72px;height:96px;aspect-ratio:auto}.mode-button,.dock-button{justify-content:center;min-height:40px;padding:0}.mode-button span,.dock-button span,.mode-button em{display:none}.dock-tools{margin-top:8px;padding-top:8px}.experience.parameters-open{grid-template-columns:minmax(0,1fr) 148px}.parameters-open .mode-button,.parameters-open .dock-button{justify-content:flex-start;padding-inline:8px}.parameters-open .mode-button span,.parameters-open .dock-button span,.parameters-open .mode-button em{display:inline}.viewfinder{inset:8px}.capture-mode .capture-actions{top:10px;right:10px}.capture-actions>span{display:none}.capture-actions button{min-height:42px}}@media(max-width:360px){:root{--edge: 10px}.seal{width:30px;height:30px;font-size:15px}}@media(max-height:600px)and (min-width:768px){.experience{padding-block:12px}.control-dock{margin-block:0}.mode-button,.dock-button{min-height:32px}.parameter-panel.open{max-height:22vh}.mood-plate{min-height:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}:root{--bg: #111114;--surface: #1b1b20;--text: #e8e7e3;--muted: #aaa8a5;--quiet: #77767a;--accent: #e5a18f;--accent-soft: #e5a18f1f;--bone: #f1eee8;--line: #f1eee814}.experience{grid-template-columns:clamp(286px,25vw,350px) minmax(0,1fr) 176px;column-gap:clamp(18px,2.2vw,34px);background:radial-gradient(ellipse at 57% 46%,#28242c 0%,var(--bg) 58%),linear-gradient(110deg,#18171b 0%,var(--bg) 62%)}.info-rail{padding-right:clamp(18px,1.8vw,28px);border-right-color:#f1eee81b}.seal{border-radius:12px;background:linear-gradient(145deg,#e5a18f,#c889a8);color:#21191d}.primary-button,.cabinet-actions button,#save-work{border-radius:12px;border-color:#f1eee822;background:#ffffff06}.primary-button:hover,#save-preset:hover,#save-work:hover{background:#e5a18f22;border-color:#e5a18f66;color:var(--bone)}.cabinet{padding:14px;border:1px solid #f1eee812;border-radius:18px;background:#ffffff04;box-shadow:inset 0 1px #ffffff08,0 18px 44px #0003}.cabinet-tabs{margin-inline:-2px}.cabinet-tabs button{min-height:44px;border-radius:10px 10px 0 0}.cabinet-tabs button[aria-selected=true]{background:linear-gradient(180deg,#e5a18f14,transparent)}.mood-list{gap:6px}.mood-plate{min-height:56px;border-radius:12px;grid-template-columns:30px minmax(0,1fr) 10px;background:#ffffff03}.mood-plate:after{content:"";width:7px;height:7px;border-radius:50%;background:#d7b2a0;opacity:.75}.mood-plate:nth-child(2):after{background:#9fb8c7}.mood-plate:nth-child(3):after{background:#b9b0d4}.mood-plate:nth-child(4):after{background:#c8c092}.mood-plate:hover,.mood-plate.active{background:linear-gradient(100deg,#e5a18f18,#9fb8c70b)}.mood-plate span{font-family:var(--font);font-size:14px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.work-card{border-radius:12px;background:#0d0d10;box-shadow:inset 0 0 0 1px #f1eee81b}.cabinet-actions{gap:10px;padding-top:14px}.stage{border-radius:20px;background:#0d0d10;box-shadow:0 0 0 1px #f1eee812,0 30px 90px #0005}.viewfinder{inset:18px}.controls-rail{padding-left:10px}.mode-button,.dock-button{border-radius:10px;min-height:46px}.mode-button:hover,.dock-button:hover{background:#ffffff06}.mode-button.active,.dock-button.active{color:#e5a18f}@media(max-width:1100px)and (min-width:768px){.experience{grid-template-columns:252px minmax(0,1fr) 150px}}@media(max-width:767px){.experience{grid-template-columns:minmax(0,1fr) 46px}.cabinet{padding:10px;border-radius:16px}.stage{border-radius:16px}}:root{--bg: #101218;--surface: #1a1c25;--text: #e9e6df;--muted: #a6a7ad;--quiet: #6d707c;--accent: #e6a45f;--accent-soft: #e6a45f24;--bone: #f5f0e6;--line: #e8e5ff1b;--display: "Bahnschrift", "Segoe UI Variable", "PingFang SC", sans-serif}.experience{grid-template-columns:clamp(280px,23vw,348px) minmax(0,1fr) 136px;column-gap:clamp(22px,3vw,52px);background:radial-gradient(circle at 13% 83%,#5caeb41a 0 9%,transparent 25%),radial-gradient(circle at 88% 12%,#e6946b18 0 8%,transparent 25%),radial-gradient(circle at 73% 76%,#b78bdd16 0 11%,transparent 31%),#101218}.grain{opacity:.03}.info-rail{gap:22px;border-right:0;padding-right:0}.identity{gap:13px}.prism-mark{position:relative;width:38px;height:38px;flex:0 0 38px;transform:rotate(-9deg)}.prism-mark i{position:absolute;width:22px;height:22px;border-radius:7px;mix-blend-mode:screen}.prism-mark i:nth-child(1){left:0;top:7px;background:#ef9678}.prism-mark i:nth-child(2){left:12px;top:0;background:#8fbfce}.prism-mark i:nth-child(3){left:13px;top:13px;background:#c2a2d6}.brand b{font-size:10px;letter-spacing:.22em}.brand small{color:#8d909c;font-size:8px;letter-spacing:.11em}.primary-button{min-height:50px;border-radius:16px;border-color:#f5f0e622;background:linear-gradient(100deg,#ffffff08,#ffffff02);letter-spacing:.1em}.primary-button svg{color:#ef9678}.cabinet{padding:0;border:0;border-radius:0;background:none;box-shadow:none}.archive-heading{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3px 12px;padding:2px 0 13px;border-bottom:1px solid #f5f0e61b}.archive-heading>span{color:#9ca0ae;font-size:9px;letter-spacing:.18em}.archive-heading strong{color:var(--bone);font-size:19px;font-weight:560;letter-spacing:-.04em}.archive-heading button{grid-row:1 / 3;grid-column:2;min-height:34px;padding:0 12px;border-radius:999px;color:#14151c;background:linear-gradient(110deg,#ef9678,#e6c96f);font-size:10px;letter-spacing:.05em}.archive-heading button:active{transform:scale(.97)}.legacy-moods{display:none}.cabinet-pane{padding-top:13px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-right:2px}.work-card{aspect-ratio:1 / 1.22;border-radius:16px;box-shadow:inset 0 0 0 1px #f5f0e625;background:linear-gradient(145deg,#283049,#191923)}.work-card:after{content:"打开作品";position:absolute;right:8px;bottom:8px;padding:4px 6px;border-radius:6px;color:#f6f0e8;background:#13151cb8;font-size:8px;letter-spacing:.08em;opacity:0;transform:translateY(3px);transition:opacity .18s,transform .18s}.work-card:hover:after,.work-card:focus-visible:after{opacity:1;transform:none}.works-empty{margin:26px 0;padding:18px 0 0;border-top:1px solid #f5f0e612;color:#8c8f9a;font-size:12px;line-height:1.8}.stage{border-radius:28px;background:#12141b;box-shadow:inset 0 1px #ffffff0c,0 24px 90px #04050a55}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:conic-gradient(from 210deg at 55% 50%,#7fc7c30d,transparent 18%,#ef96780d 44%,transparent 66%,#bc92d10c)}.viewfinder:before,.viewfinder:after{border-color:#f4ebe655}.controls-rail{padding-left:0}.control-dock{margin-block:auto;padding-left:14px;border-left:1px solid #f5f0e61b}.mode-button,.dock-button{min-height:46px;padding-left:0;border-radius:0}.mode-button em{width:22px;color:#7c8190;font-family:var(--font);font-size:9px}.mode-button span,.dock-button span{font-family:var(--font);font-size:13px;letter-spacing:.02em}.mode-button.active{color:#f1ba7d}.dock-tools{margin-top:20px;border-top-color:#f5f0e61b}.dock-button:hover{color:#a9d5da;background:none}.mode-button:hover{background:none;color:#ef9678}@media(max-width:1100px)and (min-width:768px){.experience{grid-template-columns:250px minmax(0,1fr) 122px;column-gap:18px}}@media(max-width:767px){.experience{grid-template-columns:minmax(0,1fr) 46px}.archive-heading{display:none}.works-grid{gap:8px}}