:root{color:#f6f7ee;background:#050607;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;overflow-x:hidden}button,textarea,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:radial-gradient(circle at 12% 8%,rgba(223,255,0,.12),transparent 28rem),radial-gradient(circle at 86% 20%,rgba(0,196,255,.13),transparent 24rem),radial-gradient(circle at 62% 96%,rgba(255,79,112,.1),transparent 30rem),#050607;height:100vh;overflow:hidden;max-width:100vw;position:relative}.orbital-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);pointer-events:none;position:fixed}.topbar{align-items:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#050607c7;border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto auto;left:0;padding:14px max(20px,calc((100vw - 1440px)/2));position:sticky;right:0;top:0;z-index:20}.brand,.icon-button{align-items:center;border:0;border-radius:12px;cursor:pointer;display:inline-flex;height:42px;justify-content:center;width:42px}.brand{background:#eaff00;color:#070807}.icon-button{background:#f2f4eb;color:#070807}.title-lockup{display:grid;gap:2px;min-width:0}.title-lockup span{color:#92978e;font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.title-lockup strong{color:#f6f7ee;font-size:19px;line-height:1.1}.mode-tabs,.status-cluster,.metrics-row,.composer-controls,.prompt-actions,.panel-title{align-items:center;display:flex}.mode-tabs{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:999px;gap:4px;padding:4px}.mode-tabs button,.segmented button,.secondary-action,.panel-title button,.prompt-actions button,.tray-head button,.media-meta button{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;gap:7px;justify-content:center;white-space:nowrap}.mode-tabs button{background:transparent;color:#a7aaa2;font-size:13px;font-weight:780;min-height:34px;padding:0 13px}.mode-tabs button.active{background:#f6f7ee;color:#070807}.status-cluster{gap:8px}.status-pill{align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;display:inline-flex;font-size:12px;font-weight:780;gap:7px;min-height:34px;padding:0 12px}.status-pill.ok{border-color:#eaff0061;color:#edff70}.status-pill.warn{border-color:#ff795e59;color:#ffb199}.workspace{height:calc(100vh - 71px);overflow:auto;overflow-x:hidden;padding:28px max(20px,calc((100vw - 1440px)/2)) 220px;position:relative;max-width:100vw;width:100%;z-index:1}.director-workspace,.usage-workspace{padding-bottom:40px}.hero-strip{align-items:end;display:flex;gap:22px;justify-content:space-between;margin-bottom:24px;min-width:0}.hero-strip>*{min-width:0;max-width:100%}.section-kicker{color:#eaff00;display:block;font-size:12px;font-weight:820;letter-spacing:.12em;margin-bottom:10px;text-transform:uppercase}.hero-strip h1,.director-brief h1{color:#f6f7ee;font-size:34px;letter-spacing:0;line-height:1.04;margin:0;overflow-wrap:anywhere}.hero-strip p,.director-brief p{color:#a1a69d;line-height:1.5;margin:10px 0 0;max-width:650px;overflow-wrap:anywhere;word-break:break-word}.metrics-row{gap:10px}.metric{background:#ffffff12;border:1px solid rgba(255,255,255,.09);border-radius:8px;min-width:104px;overflow:hidden;padding:12px 14px}.metric span{color:#92978e;display:block;font-size:12px;margin-bottom:4px}.metric strong{color:#f6f7ee;font-size:22px}.gallery-grid{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}.media-card{background:#111412;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#f6f7ee;min-height:420px;overflow:hidden;position:relative}.media-visual{align-items:center;aspect-ratio:9 / 13.2;background:linear-gradient(135deg,rgba(234,255,0,.2),transparent 42%),radial-gradient(circle at 55% 42%,rgba(255,255,255,.9),transparent 9%),radial-gradient(circle at 48% 51%,rgba(0,210,255,.4),transparent 17%),linear-gradient(150deg,#17292c,#0a0c0d 64%);display:flex;justify-content:center;position:relative}.media-asset{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;position:absolute;width:100%}.tone-1 .media-visual{background:radial-gradient(circle at 60% 30%,rgba(255,255,255,.82),transparent 13%),linear-gradient(140deg,#263b51,#c7d2c4 52%,#1c2220)}.tone-2 .media-visual{background:radial-gradient(circle at 50% 35%,rgba(255,207,110,.9),transparent 16%),linear-gradient(160deg,#87c8f8,#f4eee0 50%,#5f3924)}.tone-3 .media-visual{background:radial-gradient(circle at 55% 42%,rgba(255,203,92,.9),transparent 16%),linear-gradient(180deg,#f5f2eb,#c8c8bf)}.tone-4 .media-visual{background:radial-gradient(circle at 46% 38%,rgba(255,84,116,.46),transparent 14%),linear-gradient(145deg,#101010,#393f39 48%,#111)}.scanline{background:linear-gradient(180deg,transparent,rgba(255,255,255,.14),transparent);height:38%;top:0;right:0;bottom:0;left:0;opacity:.3;position:absolute;transform:translateY(-80%)}.play-button{align-items:center;background:#f6f7eedb;border:0;border-radius:999px;color:#050607;cursor:pointer;display:flex;height:76px;justify-content:center;width:76px;z-index:2}.job-state{background:#0506079e;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#f6f7ee;font-size:12px;font-weight:820;left:14px;padding:6px 10px;position:absolute;top:14px}.job-state.completed{color:#a5ffbe}.job-state.failed{color:#ff9d8e}.media-meta{display:grid;gap:7px;padding:13px}.media-meta strong{font-size:15px}.media-meta span,.media-meta p{color:#9da39a;font-size:12px;line-height:1.4;margin:0}.media-meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.media-meta button,.panel-title button,.tray-head button,.prompt-actions button,.secondary-action{background:#ffffff14;color:#f6f7ee;font-size:12px;font-weight:780;min-height:30px;padding:0 10px}.empty .media-visual{color:#f6f7eeb8}.composer-wrap{bottom:18px;left:50%;max-width:900px;position:fixed;transform:translate(-50%);width:min(900px,calc(100vw - 28px));z-index:25}.composer{align-items:center;background:#181918f0;border:1px solid rgba(255,255,255,.11);border-radius:28px;box-shadow:0 24px 80px #00000075;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:82px;padding:14px 16px}.composer textarea,.prompt-panel textarea,.idea-input{background:transparent;border:0;color:#f6f7ee;outline:none;resize:none}.composer textarea{min-height:52px;padding:13px 0}.composer textarea::placeholder,.prompt-panel textarea::placeholder,.idea-input::placeholder{color:#777d74}.upload-button,.send-button{align-items:center;border:0;border-radius:999px;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.upload-button{background:#ffffff1a;color:#f6f7ee}.send-button,.primary-action{background:#f2f4eb;color:#050607}.send-button:disabled,.primary-action:disabled,.secondary-action:disabled,.panel-title button:disabled,.prompt-actions button:disabled,.character-card button:disabled{cursor:not-allowed;opacity:.42}.composer-controls{flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.segmented{background:#00000080;border-radius:999px;display:inline-flex;gap:4px;padding:4px}.segmented button{background:transparent;color:#858b82;font-size:12px;font-weight:820;min-height:30px;padding:0 12px}.segmented button.active{background:#f6f7eee6;color:#050607}.reference-strip{display:flex;gap:8px;justify-content:center;margin-top:8px;overflow-x:auto;padding-bottom:2px}.reference-chip{align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:999px;display:flex;gap:8px;min-width:0;padding:5px 8px 5px 5px}.reference-chip img,.reference-chip video{border-radius:999px;height:30px;object-fit:cover;width:30px}.reference-chip span{color:#d6dad1;font-size:12px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-chip button,.tray-item button{align-items:center;background:#0000007a;border:0;border-radius:999px;color:#f6f7ee;cursor:pointer;display:flex;height:22px;justify-content:center;width:22px}.director-grid{display:grid;gap:16px;grid-template-columns:380px minmax(0,1fr);min-width:0}.panel{background:#101211d1;border:1px solid rgba(255,255,255,.09);border-radius:8px;box-shadow:0 20px 70px #00000038}.director-brief{align-self:start;display:grid;gap:16px;padding:20px;position:sticky;top:92px}.idea-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;max-width:100%;min-height:180px;min-width:0;padding:14px;width:100%}.method-grid{display:grid;gap:8px}.method-grid button{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#f6f7ee;cursor:pointer;display:grid;gap:4px;padding:12px;text-align:left}.method-grid button.selected{border-color:#eaff007a;box-shadow:inset 0 0 0 1px #eaff002e}.method-grid span,.character-card span,.clip-row span,.clip-row em{color:#9aa097;font-size:12px;line-height:1.35}.reference-tray{display:grid;gap:10px}.tray-head{align-items:center;display:flex;justify-content:space-between}.tray-head span{color:#dfe3d9;font-size:13px;font-weight:780}.tray-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.history-panel,.history-list{display:grid;gap:8px}.history-list button{background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#f6f7ee;cursor:pointer;display:grid;gap:4px;padding:10px;text-align:left}.history-list strong,.history-empty{font-size:12px}.history-list span,.history-empty{color:#9aa097}.tray-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.tray-item img,.tray-item video{height:100%;object-fit:cover;width:100%}.tray-item button{position:absolute;right:6px;top:6px}.tray-empty{align-items:center;background:#ffffff0e;border:1px dashed rgba(255,255,255,.18);border-radius:8px;color:#aeb4ab;cursor:pointer;display:grid;gap:8px;grid-column:1 / -1;justify-items:center;min-height:104px}.primary-action{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:860;gap:8px;justify-content:center;min-height:46px;padding:0 16px}.primary-action.compact{min-height:34px}.export-action{width:100%}.director-output{display:grid;gap:16px}.panel-title{border-bottom:1px solid rgba(255,255,255,.08);color:#f6f7ee;font-size:14px;font-weight:840;gap:9px;justify-content:space-between;min-height:50px;padding:0 16px}.panel-title>span{margin-right:auto}.plan-content,.empty-state,.prompt-panel textarea,.spec-panel pre,.usage-table,.health-grid{padding:16px}.plan-content h2{font-size:24px;margin:0 0 8px}.plan-content p{color:#a7ada4;line-height:1.5;margin:0 0 14px}.outline-list,.clip-list,.character-list,.health-grid{display:grid;gap:10px}.outline-item{align-items:start;background:#ffffff0e;border-radius:8px;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr);padding:12px}.outline-item span{color:#eaff00;font-size:12px;font-weight:900}.outline-item p{margin:0}.split-panels,.usage-layout{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.clip-row{background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#f6f7ee;cursor:pointer;display:grid;gap:5px;padding:12px;text-align:left}.character-card{background:#ffffff0e;border-radius:8px;display:grid;gap:5px;padding:12px}.character-card p{color:#c6ccc2;font-size:12px;line-height:1.4;margin:0}.clip-row em{color:#eaff00;font-style:normal;font-weight:760}.character-card code{background:#0000003d;border-radius:6px;color:#d8ded4;display:-webkit-box;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.4;max-width:100%;overflow:hidden;padding:8px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.character-actions{display:flex;flex-wrap:wrap;gap:8px}.character-card button{align-items:center;align-self:start;background:#ffffff14;border:0;border-radius:999px;color:#f6f7ee;cursor:pointer;display:inline-flex;font-size:12px;font-weight:780;gap:7px;min-height:30px;padding:0 10px}.prompt-panel textarea{min-height:150px;width:100%}.prompt-actions{border-top:1px solid rgba(255,255,255,.08);gap:8px;justify-content:flex-end;padding:12px 16px}.spec-panel pre{color:#d8ded4;font-size:12px;line-height:1.55;margin:0;max-height:360px;overflow:auto;white-space:pre-wrap}.visual-result{padding:16px 16px 0}.visual-result img{background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;display:block;max-height:520px;object-fit:contain;width:100%}.visual-prompt{border-top:1px solid rgba(255,255,255,.08);color:#aeb4ab;padding:0 16px 16px}.visual-prompt summary{cursor:pointer;font-size:12px;font-weight:820;padding:12px 0 0}.visual-prompt pre{background:#0000003d;border-radius:8px;margin-top:10px;max-height:260px;padding:12px}.artifact-list{display:grid;gap:10px;padding:16px}.artifact-item{background:#ffffff0e;border-radius:8px;color:#d8ded4;overflow:hidden}.artifact-item summary{cursor:pointer;display:grid;gap:4px;padding:12px}.artifact-item summary strong,.artifact-item summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artifact-item summary span{color:#eaff00;font-size:11px;font-weight:760}.artifact-item pre{border-top:1px solid rgba(255,255,255,.08);font-size:12px;line-height:1.55;margin:0;max-height:280px;overflow:auto;padding:12px;white-space:pre-wrap}.empty-state{align-items:center;color:#99a096;display:grid;gap:8px;justify-items:center;min-height:180px;text-align:center}.empty-state strong{color:#f6f7ee}.empty-state p{line-height:1.45;margin:0;max-width:320px}.health-line{align-items:center;background:#ffffff0e;border-radius:8px;color:#f6f7ee;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.health-line strong{color:#aeb4ab;font-size:12px}.readiness-box{background:#ff795e14;border:1px solid rgba(255,121,94,.2);border-radius:8px;color:#d8ded4;display:grid;gap:8px;margin:0 16px 16px;padding:12px}.readiness-box strong{color:#ffb199;font-size:13px}.readiness-box p,.readiness-box span{font-size:12px;line-height:1.45;margin:0;overflow-wrap:anywhere}.diagnostics-panel{min-width:0}.diagnostic-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 16px 0}.diagnostic-card{background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;display:grid;gap:4px;min-width:0;padding:12px}.diagnostic-card span,.diagnostic-card em{color:#9fa59c;font-size:12px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-card strong{color:#f6f7ee;font-size:22px;line-height:1}.diagnostic-check-list{display:grid;gap:8px;padding:16px}.diagnostic-check{align-items:center;background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#f6f7ee;display:grid;gap:8px;grid-template-columns:auto minmax(0,1fr) auto;min-width:0;padding:10px 12px}.diagnostic-check.ok svg{color:#edff70}.diagnostic-check.warn svg{color:#ffb199}.diagnostic-check span,.diagnostic-check strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-check span{font-size:13px}.diagnostic-check strong{color:#aeb4ab;font-size:12px}.usage-table-panel{grid-column:1 / -1}.usage-summary-panel{min-width:0}.summary-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.summary-card{background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;display:grid;gap:12px;min-width:0;padding:12px}.summary-card strong,.summary-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-card strong{color:#f6f7ee;font-size:13px}.summary-card span{color:#9fa59c;font-size:12px}.summary-card>div,.summary-values{display:grid;gap:5px;min-width:0}.summary-values strong{color:#eaff00;font-size:18px}.pricing-rule-list{display:grid;gap:10px;padding:16px}.pricing-rule-row{align-items:start;background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) minmax(220px,auto);min-width:0;padding:12px}.pricing-rule-row>div{display:grid;gap:5px;min-width:0}.pricing-rule-row strong,.pricing-rule-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pricing-rule-row strong{color:#f6f7ee;font-size:13px}.pricing-rule-row span{color:#9fa59c;font-size:12px}.pricing-rule-row>div:first-child span:last-child{white-space:normal}.usage-table{overflow-x:auto}.usage-row{border-bottom:1px solid rgba(255,255,255,.07);display:grid;gap:12px;grid-template-columns:92px 88px minmax(92px,1fr) minmax(130px,1.1fr) 100px 72px;min-width:640px;padding:11px 0}.usage-row.head{color:#eaff00;font-size:12px;font-weight:860}.usage-row span{color:#d2d7cf;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast{background:#f6f7ee;border-radius:999px;bottom:24px;box-shadow:0 18px 60px #00000059;color:#050607;font-size:13px;font-weight:820;left:50%;padding:12px 18px;position:fixed;transform:translate(-50%);z-index:40}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1120px){body{overflow:auto}.app-shell{min-height:100vh;overflow:visible}.topbar{grid-template-columns:auto minmax(0,1fr) auto}.mode-tabs{grid-column:1 / -1;justify-content:center;order:3}.workspace{height:auto;min-height:calc(100vh - 116px)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.director-grid,.usage-layout,.pricing-rule-row{grid-template-columns:1fr}.director-brief{position:static}}@media (max-width: 720px){.topbar{display:flex;flex-wrap:wrap;gap:10px;overflow:hidden;padding:12px}.brand{flex:0 0 42px}.title-lockup{flex:1 1 0}.title-lockup strong{font-size:16px}.status-cluster{display:none}.mode-tabs{display:grid;flex:0 0 calc(100vw - 24px);grid-template-columns:repeat(3,minmax(0,1fr));height:44px;max-width:calc(100vw - 24px);min-width:0;order:3;overflow:hidden;width:calc(100vw - 24px)}.mode-tabs button{font-size:12px;gap:5px;height:34px;min-width:0;overflow:hidden;padding:0 8px;width:100%}.workspace{padding:20px 12px 260px}.director-workspace,.usage-workspace{padding-bottom:24px}.director-grid,.director-brief,.director-output,.panel{max-width:100%;min-width:0}.hero-strip{align-items:stretch;display:grid;gap:16px;min-width:0}.hero-strip>div{max-width:100%;width:100%}.hero-strip h1,.director-brief h1{font-size:27px;line-height:1.12;max-width:100%}.hero-strip p,.director-brief p{font-size:14px;max-width:100%}.metrics-row{display:grid;gap:8px;grid-template-columns:1fr;width:100%}.metric{min-width:0;padding:10px;width:100%}.metric strong{font-size:18px}.gallery-grid,.split-panels,.summary-grid,.diagnostic-grid{grid-template-columns:1fr}.usage-table{display:grid;gap:10px;overflow:visible}.usage-row{background:#ffffff0e;border:1px solid rgba(255,255,255,.07);border-radius:8px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:12px}.usage-row.head{display:none}.usage-row span{white-space:normal}.usage-row span:before{color:#8e958c;display:block;font-size:10px;font-weight:820;margin-bottom:2px}.usage-row span:nth-child(1):before{content:"時間"}.usage-row span:nth-child(2):before{content:"Provider"}.usage-row span:nth-child(3):before{content:"模型"}.usage-row span:nth-child(4){grid-column:1 / -1}.usage-row span:nth-child(4):before{content:"操作"}.usage-row span:nth-child(5):before{content:"Tokens / Units"}.usage-row span:nth-child(6):before{content:"估算"}.media-card{min-height:360px}.composer-wrap{bottom:10px;width:calc(100vw - 16px)}.composer{border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;min-height:76px;padding:10px}.composer-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.prompt-actions{justify-content:flex-start;overflow-x:auto}.segmented{flex:0 0 auto}.reference-strip{justify-content:flex-start}}