.portfolio-preview{z-index:5;opacity:0;transform-origin:100% 100%;pointer-events:none;filter:drop-shadow(0 20px 36px #000000b8);width:min(39vw,680px);font-family:ui-sans-serif,system-ui,PingFang SC,sans-serif;transition:opacity .52s,transform .68s cubic-bezier(.18,.78,.24,1);position:fixed;bottom:clamp(26px,7vh,80px);right:clamp(18px,5vw,84px);transform:translateY(22px)scale(.88)}.portfolio-preview.is-visible{opacity:1;pointer-events:auto;transform:translate(0,0)scale(1)}.portfolio-preview-image{aspect-ratio:16/9;object-fit:contain;background:#120f0a;border:1px solid #ffebbe94;width:100%;display:block;box-shadow:0 0 0 1px #000000c2,0 0 24px #e8c57921}.portfolio-preview-caption{color:#f6e9cf;letter-spacing:.13em;text-shadow:0 2px 8px #000;justify-content:space-between;gap:16px;margin-top:9px;font-size:11px;display:flex}.portfolio-preview.is-visible:hover{transform:translate(0,0)scale(1.035)}@media (max-width:900px){.portfolio-preview{width:min(78vw,580px);bottom:5vh;right:5vw}}.director-panel,.director-reopen{--panel-gold:#d9b36d;--panel-text:#eee5d7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.director-panel{z-index:20;width:min(360px,100vw - 32px);color:var(--panel-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070604eb;border:1px solid #d9b36d47;grid-template-rows:auto 1fr auto;transition:opacity .16s,transform .16s;display:grid;position:fixed;top:16px;bottom:16px;right:16px;box-shadow:0 24px 80px #00000094}.director-panel.is-hidden{pointer-events:none;opacity:0;transform:translate(24px)}.director-head{border-bottom:1px solid #d9b36d29;justify-content:space-between;align-items:center;min-height:58px;padding:0 16px;display:flex}.director-head strong,.director-head span{display:block}.director-head strong{color:var(--panel-gold);letter-spacing:.22em;font-size:12px}.director-head span{color:#eee5d78f;margin-top:3px;font-size:11px}.director-close,.director-reopen,.director-actions button{color:var(--panel-text);cursor:pointer;background:#d9b36d12;border:1px solid #d9b36d42}.director-close{width:32px;height:32px;font-size:22px}.director-scroll{scrollbar-width:thin;scrollbar-color:#d9b36d47 transparent;overflow:auto}.director-section{border-bottom:1px solid #d9b36d1f}.director-section summary{color:#eee5d7db;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;padding:13px 16px;font-size:12px;font-weight:600}.director-section-body{gap:10px;padding:1px 16px 15px;display:grid}.director-control{grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.director-control>label{color:#eee5d7a8;font-size:11px;line-height:1.25}.director-range-wrap{grid-template-columns:1fr 62px;align-items:center;gap:8px;display:grid}.director-control input[type=range]{width:100%;accent-color:var(--panel-gold)}.director-control input[type=number]{min-width:0;color:var(--panel-text);font:inherit;background:#ffffff09;border:1px solid #d9b36d2e;padding:5px 6px;font-size:10px}.director-control input[type=color]{cursor:pointer;background:0 0;border:1px solid #d9b36d33;width:100%;height:26px;padding:2px}.director-actions{background:#00000047;border-top:1px solid #d9b36d29;grid-template-columns:1fr auto;gap:8px;padding:12px;display:grid}.director-actions button{min-height:38px;padding:0 12px;font-size:11px}.director-copy{color:#161006!important;background:var(--panel-gold)!important}.director-reopen{z-index:20;color:#161006;background:var(--panel-gold);min-width:52px;min-height:34px;display:none;position:fixed;top:18px;right:18px}.director-reopen.is-visible{display:block}.director-panel button:focus-visible,.director-panel input:focus-visible,.director-panel summary:focus-visible,.director-reopen:focus-visible{outline-offset:2px;outline:2px solid #f3d49a}@media (max-width:640px){.director-panel{width:calc(100vw - 16px);top:8px;bottom:8px;right:8px}}@media (prefers-reduced-motion:reduce){.director-panel{transition:none}}