:root{--navy-950: #060F20;--navy-900: #081426;--navy-800: #0B1B33;--navy-700: #122747;--blue: #3B82F6;--green: #22C55E;--grad: linear-gradient(120deg, #3B82F6 0%, #22C55E 100%);--grad-soft: linear-gradient(120deg, rgba(59, 130, 246, .12), rgba(34, 197, 94, .12));--ground: #F2F5FA;--card: #ffffff;--ink: #0F1F38;--body: #3A4A61;--muted: #69788E;--line: #E3E9F2;--line-strong: #D2DBE8;--red: #C2402F;--red-soft: #FCECE9;--amber: #96660A;--amber-soft: #FBF3DF;--green-ink: #177A45;--green-soft: #E5F6EC;--blue-soft: #E8F0FE;--code-bg: #EEF2F8;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(11, 27, 51, .05), 0 10px 30px -18px rgba(11, 27, 51, .25);--shadow-lift: 0 2px 4px rgba(11, 27, 51, .06), 0 16px 40px -18px rgba(11, 27, 51, .32);--font: "Inter", "Segoe UI", -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", "Inter", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ground);color:var(--body);font-family:var(--font);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}h1,h2,h3{color:var(--ink);margin:0 0 10px;line-height:1.25;font-family:var(--font-display)}h1{font-size:26px;font-weight:800;letter-spacing:-.02em}h2{font-size:16.5px;font-weight:700}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-text{line-height:1.15}.brand-name{font-family:var(--font-display);font-weight:800;font-size:17px;color:var(--ink);letter-spacing:-.01em}.brand-name.light{color:#fff}.brand-name .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:9.5px;font-weight:700;letter-spacing:.24em;color:#6e86a8;margin-top:1px}.shell{display:flex;min-height:100vh}.sidebar{width:252px;background:radial-gradient(420px 260px at -60px -40px,rgba(59,130,246,.16),transparent 65%),radial-gradient(380px 300px at 300px 110%,rgba(34,197,94,.12),transparent 60%),linear-gradient(180deg,var(--navy-800),var(--navy-950));color:#c7d5e8;display:flex;flex-direction:column;padding:18px 16px 14px;flex-shrink:0;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar .brand-wrap{padding:2px 8px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;margin-right:-8px;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.sidebar nav::-webkit-scrollbar-track{background:transparent}.sidebar nav a{display:flex;align-items:center;gap:11px;color:#a9bcd6;padding:7px 12px;border-radius:10px;font-weight:550;font-size:13.5px;transition:background .15s,color .15s;position:relative;flex-shrink:0}.sidebar nav a svg{opacity:.75;flex-shrink:0}.sidebar nav a:hover{background:#ffffff0f;color:#e7effa;text-decoration:none}.sidebar nav a.active{background:linear-gradient(120deg,#3b82f638,#22c55e24);color:#fff;font-weight:650}.sidebar nav a.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--grad)}.sidebar nav a.active svg{opacity:1}.sidebar .foot{margin-top:0;flex-shrink:0;padding:12px 10px 0;font-size:12.5px;color:#7e93af;border-top:1px solid rgba(255,255,255,.07)}.sidebar .foot .who{color:#c7d5e8;font-weight:600}.sidebar .foot button{background:none;border:none;color:#7e93af;cursor:pointer;padding:0;font-size:12.5px;text-decoration:underline;font-family:inherit;margin-top:2px}.sidebar .foot button:hover{color:#e7effa}.main{flex:1;min-width:0;padding:34px 40px 60px;max-width:1120px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:18px;box-shadow:var(--shadow);overflow-x:auto;max-width:100%}.grid{display:grid;gap:14px}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat{position:relative;overflow:hidden}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);opacity:.85}.stat .k{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.stat .v{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(120deg,var(--navy-700),#1D4ED8 55%,#16A34A);-webkit-background-clip:text;background-clip:text;color:transparent}.stat .s{font-size:12.5px;color:var(--muted)}button.btn,a.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--grad);color:#fff;border:none;border-radius:10px;padding:9px 18px;font-size:13.8px;font-weight:650;cursor:pointer;font-family:inherit;letter-spacing:.01em;box-shadow:0 1px 2px #0b1b332e,0 6px 16px -8px #22c55e80;transition:filter .15s,transform .1s,box-shadow .15s}button.btn:hover{filter:brightness(1.07);box-shadow:0 2px 4px #0b1b332e,0 10px 22px -8px #22c55e8c}button.btn:active{transform:translateY(1px)}button.btn:disabled{opacity:.5;cursor:default;filter:none}button.btn.ghost,a.btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--line-strong);box-shadow:0 1px 2px #0b1b330d}button.btn.ghost:hover,a.btn.ghost:hover{border-color:var(--blue);background:var(--blue-soft);filter:none}button.btn.danger{background:#fff;color:var(--red);border:1px solid var(--line-strong);box-shadow:0 1px 2px #0b1b330d}button.btn.danger:hover{border-color:var(--red);background:var(--red-soft);filter:none}button.btn.sm{padding:5px 12px;font-size:12.5px;border-radius:8px}label.field{display:block;margin-bottom:13px}label.field .lbl{display:block;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;height:40px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:10px;font:inherit;color:var(--ink);background:var(--card);transition:border-color .15s,box-shadow .15s}textarea{height:auto;min-height:80px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2369788E' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f62e}input[type=file]{font:inherit}table.tbl{border-collapse:collapse;width:100%;font-size:13.8px}table.tbl th{text-align:left;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 12px;border-bottom:1px solid var(--line-strong);white-space:nowrap}table.tbl td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}table.tbl td .row-acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;min-width:120px}table.tbl td .row-acts .btn{white-space:nowrap}table.tbl tr:last-child td{border-bottom:0}table.tbl tbody tr{transition:background .12s}table.tbl tbody tr:hover{background:#f7fafd}.pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;padding:3px 11px;border-radius:99px;white-space:nowrap}.pill.teal{background:var(--blue-soft);color:#1d4ed8}.pill.grey{background:var(--code-bg);color:var(--muted)}.pill.green{background:var(--green-soft);color:var(--green-ink)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.error-box{background:var(--red-soft);color:var(--red);border:1px solid #F2CFC8;border-radius:var(--radius-sm);padding:11px 15px;margin-bottom:13px;font-size:13.8px}.ok-box{background:var(--green-soft);color:var(--green-ink);border:1px solid #C4E8D2;border-radius:var(--radius-sm);padding:11px 15px;margin-bottom:13px;font-size:13.8px}.reveal{background:var(--navy-900);color:#7dd3a8;font-family:JetBrains Mono,Consolas,Menlo,monospace;padding:13px 16px;border-radius:10px;font-size:13px;word-break:break-all;margin:10px 0;border:1px solid var(--navy-700)}.muted{color:var(--muted);font-size:13px}.mono{font-family:Consolas,Menlo,monospace;font-size:12.5px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(700px 420px at 15% -10%,rgba(59,130,246,.22),transparent 60%),radial-gradient(700px 480px at 90% 110%,rgba(34,197,94,.17),transparent 60%),linear-gradient(160deg,var(--navy-800),var(--navy-950))}.auth-card{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:36px;width:100%;max-width:420px;box-shadow:0 30px 80px -20px #040a16b3}.auth-card .brand-lockup{margin-bottom:6px}.auth-card .sub{color:var(--muted);font-size:13.8px;margin:10px 0 24px}.diff{font-family:Consolas,Menlo,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.diff .ln{padding:0 10px;white-space:pre-wrap;word-break:break-word}.diff .add{background:var(--green-soft);color:var(--green-ink)}.diff .del{background:var(--red-soft);color:var(--red)}.diff .ctx{color:var(--muted)}.diff .hunk{background:var(--code-bg);color:var(--muted);padding:2px 10px;font-weight:700}.filelist{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.filelist button{border:1px solid var(--line-strong);background:var(--card);color:var(--body);border-radius:8px;padding:5px 12px;font-size:12.8px;cursor:pointer;font-family:inherit;transition:border-color .12s,background .12s}.filelist button:hover{border-color:var(--blue)}.filelist button.sel{border-color:var(--blue);background:var(--blue-soft);color:#1d4ed8;font-weight:650}.filelist button.changed{border-color:var(--amber)}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}@media (max-width: 900px){table.tbl{display:block;overflow-x:auto}}@media (max-width: 760px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:10px;padding:10px 14px}.sidebar .brand-wrap{padding:0 6px 0 0;border:none;margin:0}.sidebar .brand-text{display:none}.sidebar nav{flex-direction:row;flex-wrap:wrap;overflow-y:visible;margin-right:0;padding-right:0}.sidebar nav a{padding:7px 10px}.sidebar nav a span{display:none}.sidebar .nav-section{display:none}.sidebar .foot{margin:0 0 0 auto;border:none;padding:0}.main{padding:20px 16px 40px}}.grid.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:18px}.mig-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px 22px}.mig-meta .k{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.mig-meta .v{font-size:14px;margin-top:2px;word-break:break-word}.mig-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.mig-issue{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}.mig-issue:last-of-type{border-bottom:none}.mig-issue.resolved{opacity:.45}.mig-issue .grow,.mig-imgrow .grow{flex:1}.mig-weak{padding:9px 0;border-bottom:1px solid var(--line)}.mig-weak:last-of-type{border-bottom:none}.mig-imgrow{display:flex;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.mig-imgrow:last-of-type{border-bottom:none}.mig-imgrow img{width:46px;height:46px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:var(--code-bg)}.mig-section{padding:0;overflow:hidden}.mig-sechead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.mig-section .mig-sechead{padding:10px 16px;background:var(--code-bg);border-bottom:1px solid var(--line)}.mig-secbtns{display:flex;gap:7px}.mig-upnote{padding:8px 16px;background:var(--blue-soft);border-bottom:1px solid var(--line);font-size:13px;color:#1d4ed8}.mig-grid{display:grid;grid-template-columns:1fr 1fr}.mig-col{padding:13px 16px;white-space:pre-wrap;font-size:13.8px;line-height:1.55}.mig-col.src{border-right:1px solid var(--line);color:var(--muted);background:#fafbfd}.mig-collabel{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.mig-section>.mig-col{padding:13px 16px}.mig-bar{height:5px;border-radius:99px;background:var(--code-bg);overflow:hidden;margin:10px 0 4px}.mig-bar i{display:block;height:100%;background:var(--grad)}.mig-concept{padding:10px 0;border-top:1px solid var(--line)}.mig-concept.spent{opacity:.55}button.btn.ok{border-color:var(--green-ink);color:var(--green-ink);background:var(--green-soft)}@media (max-width: 860px){.mig-grid{grid-template-columns:1fr}.mig-col.src{border-right:none;border-bottom:1px solid var(--line)}}.adgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.adcard{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--card)}.adcard img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;background:var(--code-bg)}.adcard .adbody{padding:10px 12px;display:flex;flex-direction:column;gap:3px}.adcard.rejected{opacity:.55}.adcard.approved{border-color:var(--green-ink)}.intake-strip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:-6px 0 16px}.intake-strip .intake-err{color:var(--red);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.listbar input,.listbar select{width:auto;height:36px}.listbar .viewtoggle{display:flex;gap:6px;margin-left:auto}.tabbtn .cnt,.board-head .cnt{display:inline-block;min-width:18px;padding:0 6px;margin-left:4px;border-radius:99px;background:var(--code-bg);color:var(--muted);font-size:11px;font-weight:700;line-height:18px;text-align:center}.tabbtn.active .cnt{background:var(--blue-soft);color:#1d4ed8}.adsprog{min-width:215px;max-width:260px}.adsprog-head{font-size:13px;display:flex;align-items:center}.adsprog-bar{display:flex;height:6px;border-radius:99px;background:var(--code-bg);overflow:hidden;margin:5px 0}.adsprog-bar i{display:block;height:100%}.adsprog-bar i.ok{background:var(--green)}.adsprog-bar i.wait{background:#f59e0b}.adsprog-bar i.no{background:var(--red)}.adsprog-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);white-space:nowrap}.adsprog-legend .dot{display:inline-block;width:7px;height:7px;border-radius:99px;margin-right:4px;vertical-align:1px}.adsprog-legend .dot.ok{background:var(--green)}.adsprog-legend .dot.wait{background:#f59e0b}.adsprog-legend .dot.no{background:var(--red)}.adsprog.compact .adsprog-head{font-size:12.5px}.adsprog.compact{max-width:none}.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.board-col{background:var(--code-bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:8px;min-height:120px}.board-head{padding:2px 4px 6px}.board-empty{padding:14px 4px;text-align:center;font-size:12.5px}.board-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:box-shadow .15s,transform .1s,border-color .15s}.board-card:hover{box-shadow:var(--shadow-lift);border-color:var(--line-strong);transform:translateY(-1px)}.board-card:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #3b82f62e}.board-title{font-size:13.5px;line-height:1.3}.board-meta{display:flex;gap:6px;flex-wrap:wrap}.board-foot{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}@media (max-width: 1100px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.board{grid-template-columns:1fr}.listbar .viewtoggle{margin-left:0}}.tabbar{display:flex;gap:4px;background:var(--code-bg);border:1px solid var(--line);border-radius:11px;padding:4px;width:max-content;max-width:100%;margin-bottom:18px;flex-wrap:wrap}.tabbtn{padding:7px 14px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;border:none;background:transparent;font-family:var(--font)}.tabbtn:hover{color:var(--ink)}.tabbtn.active{background:var(--card);color:var(--blue);box-shadow:var(--shadow)}.gstep{display:flex;gap:12px;align-items:baseline;padding:7px 0;font-size:14px}.gstep .gnum{font-family:Consolas,Menlo,monospace;font-size:12px;color:var(--blue);min-width:18px;text-align:right;font-weight:700}.gstat{display:flex;gap:10px;align-items:center;padding:5px 0;font-size:13.5px;color:var(--muted)}.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 860px){.duo{grid-template-columns:1fr}}.nav-section{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#e7effa6b;padding:12px 12px 3px;flex-shrink:0}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line, rgba(120,140,170,.25));margin:14px 0 16px}.tabs button{background:none;border:none;cursor:pointer;font:inherit;font-weight:600;font-size:13.5px;color:var(--muted);padding:8px 14px;border-bottom:2px solid transparent;border-radius:0}.tabs button.active{color:inherit;border-bottom-color:var(--blue, #3B82F6)}.tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.tile{background:#ffffff8c;border:1px solid rgba(120,140,170,.28);border-radius:12px;overflow:hidden}.tile img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#0b1b33}.tile .placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);padding:10px;text-align:center}.tile .meta{padding:8px 10px;font-size:12.5px;display:flex;justify-content:space-between;gap:6px;align-items:center}.tile.sel{outline:2px solid var(--blue, #3B82F6)}.progress{height:6px;background:#788caa33;border-radius:3px;overflow:hidden;margin:10px 0}.progress>div{height:100%;background:linear-gradient(90deg,#3b82f6,#22c55e);transition:width .4s}.studio-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.studio-row>*{min-width:130px}.studio-row label,.field label{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.field{margin:12px 0}@keyframes dlg-fade{0%{opacity:0}to{opacity:1}}@keyframes dlg-pop{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:none}}@keyframes dlg-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dlg-pop-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(6px) scale(.985)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.dlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:#060f2075;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:dlg-fade .16s ease-out}.dlg-backdrop.out{animation:dlg-fade-out .14s ease-in forwards}.dlg{width:100%;max-width:440px;max-height:calc(100vh - 48px);overflow:auto;background:var(--card);color:var(--body);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 1px 2px #0b1b3314,0 24px 60px -16px #0b1b3373,0 0 0 1px #0b1b330d;padding:22px 24px 18px;animation:dlg-pop .2s cubic-bezier(.2,.9,.3,1.2)}.dlg.wide{max-width:560px}.dlg.out{animation:dlg-pop-out .14s ease-in forwards}.dlg-head{display:flex;gap:14px;align-items:flex-start}.dlg-badge{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.dlg-badge.danger{background:var(--red-soft);color:var(--red)}.dlg-title{font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.dlg-msg{font-size:13.8px;color:var(--muted);line-height:1.55}.dlg-msg strong,.dlg-msg b{color:var(--ink);font-weight:650}.dlg-msg .mono{background:var(--code-bg);padding:1px 6px;border-radius:6px;color:var(--ink)}.dlg-fields{display:grid;gap:14px;margin-top:18px}.dlg-fields.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.dlg-field{display:flex;flex-direction:column;gap:5px;margin:0;min-width:0}.dlg-field.span{grid-column:1 / -1}.dlg-lbl{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.dlg-lbl .req{color:var(--red);font-style:normal;margin-left:3px}.dlg-hint{font-size:12px;color:var(--muted);line-height:1.45}.dlg-field textarea{min-height:96px;resize:vertical;line-height:1.5}.dlg-inwrap{position:relative;display:block}.dlg-inwrap.has-prefix input{padding-left:30px}.dlg-inwrap.has-suffix input{padding-right:62px}.dlg-affix{position:absolute;top:0;bottom:0;display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--muted);pointer-events:none}.dlg-affix.pre{left:12px}.dlg-affix.suf{right:12px}.dlg-field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.dlg-field input[type=number]::-webkit-outer-spin-button,.dlg-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dlg-error{margin-top:14px;padding:9px 12px;border-radius:9px;font-size:13px;background:var(--red-soft);color:var(--red);border:1px solid #F2CFC8}.dlg-foot{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:20px}.dlg-kbd{margin-right:auto;font-size:11.5px;color:var(--muted);opacity:.85;white-space:nowrap}button.btn.solid-danger{background:var(--red);color:#fff;border:none;box-shadow:0 1px 2px #0b1b332e,0 6px 16px -8px #c2402f99}button.btn.solid-danger:hover{filter:brightness(1.08)}@media (max-width: 560px){.dlg-fields.multi{grid-template-columns:1fr}.dlg-kbd{display:none}.dlg-backdrop{padding:14px;align-items:flex-end}}.toast-stack{position:fixed;right:22px;bottom:22px;z-index:1300;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 44px))}.toast{display:flex;gap:10px;align-items:center;background:var(--navy-900);color:#e7effa;border:1px solid var(--navy-700);padding:11px 14px;border-radius:12px;font-size:13.5px;line-height:1.45;box-shadow:var(--shadow-lift);cursor:pointer;animation:toast-in .22s cubic-bezier(.2,.9,.3,1.2)}.toast-ic{flex-shrink:0;width:24px;height:24px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.toast.info .toast-ic{background:#3b82f638;color:#93c5fd}.toast.success .toast-ic{background:#22c55e38;color:#86efac}.toast.error .toast-ic{background:#ef444438;color:#fca5a5}.perm-panel{display:flex;flex-direction:column;gap:12px;padding:4px 0}.perm-head{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.perm-role{display:flex;align-items:center;gap:8px}.perm-role select{min-width:160px}.perm-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.perm-group{background:var(--card, #fff);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.perm-group-title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.perm-row{display:flex;gap:10px;align-items:flex-start;padding:7px 6px;border-radius:8px;cursor:pointer}.perm-row:hover{background:var(--ground)}.perm-row input{margin-top:3px}.perm-text{display:flex;flex-direction:column;gap:2px}.perm-label{font-weight:600;font-size:13px;display:flex;gap:6px;align-items:center}.perm-hint{font-size:12px;color:var(--muted)}.perm-tag{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:var(--ground);color:var(--muted);border:1px solid var(--line)}.perm-tag.added{background:#e7f6ec;color:#1f7a3a;border-color:#bfe3cc}.perm-tag.removed{background:#fdeceb;color:#a12b22;border-color:#f2c2bd}.perm-foot{display:flex;gap:8px;align-items:center}.row-link{cursor:pointer}.row-link:hover td{background:var(--ground)}.capbar{height:6px;border-radius:999px;background:var(--ground);border:1px solid var(--line);overflow:hidden;margin-top:6px}.capbar .fill{height:100%;background:#2f8f5b;border-radius:999px;transition:width .3s}.capbar .fill.warm{background:#d99a2b}.capbar .fill.hot{background:#c8362b}.adcard .adthumb{position:relative;cursor:zoom-in}.adcard .adthumb-badge{position:absolute;top:8px;right:8px}.adprompt{background:var(--code-bg);border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12.5px;display:flex;flex-direction:column;gap:4px;margin-top:4px}details.collapsible>summary{cursor:pointer}details.collapsible>summary strong{font-size:15px}details.collapsible[open]>summary{margin-bottom:10px}.lbx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:24px}.lbx-panel{display:flex;gap:16px;max-width:min(96vw,1500px);max-height:92vh}.lbx-stage{flex:0 1 auto;display:flex;align-items:center;justify-content:center;max-height:92vh}.lbx-stage>div{max-height:92vh}.lbx-stage img{max-height:92vh;width:auto!important;max-width:70vw}.lbx-side{flex:0 0 340px;max-height:92vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px}.lbx-side .adbody{padding:0}.lbx-title{font-weight:600;margin-bottom:8px}.lbx-close,.lbx-nav{position:fixed;background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;width:40px;height:40px;font-size:20px;line-height:1;cursor:pointer;z-index:1001}.lbx-close{top:16px;right:16px}.lbx-nav{top:50%;transform:translateY(-50%);font-size:30px}.lbx-nav.prev{left:12px}.lbx-nav.next{right:12px}@media (max-width: 900px){.lbx-panel{flex-direction:column;overflow:auto}.lbx-stage img{max-width:90vw;max-height:60vh}.lbx-side{flex:0 0 auto}}.fdrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:22px 18px;border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--ground);color:var(--muted);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s,box-shadow .15s,color .15s}.fdrop:hover,.fdrop:focus-visible{border-color:var(--blue);background:var(--blue-soft);color:var(--body)}.fdrop:focus-visible{box-shadow:0 0 0 3px #3b82f640}.fdrop.drag{border-style:solid;border-color:var(--blue);background:var(--blue-soft);color:var(--ink);box-shadow:0 0 0 4px #3b82f624}.fdrop.off{cursor:default;opacity:.65}.fdrop.off:hover{border-color:var(--line-strong);background:var(--ground);color:var(--muted)}.fdrop .fdrop-icon{font-size:22px;line-height:1;color:var(--blue)}.fdrop .fdrop-text{display:flex;flex-direction:column;gap:2px}.fdrop .fdrop-title{color:var(--ink);font-weight:600}.fdrop .fdrop-hint{font-size:12.5px}.fdrop .fdrop-note{font-size:12.5px;color:var(--amber);margin-top:2px}.fdrop.compact{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px;padding:10px 14px}.fdrop.compact .fdrop-icon{font-size:18px}.fdrop-files{font-size:12.5px;color:var(--muted);margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fdrop-files code{background:var(--code-bg);padding:1px 6px;border-radius:5px}.session-info{font-size:13px;margin-top:6px}.session-info.ok{color:var(--green-ink)}.session-info.bad{color:var(--red);font-weight:600}.session-info.warn{color:var(--amber)}.mg{max-width:1080px}.mg-head{margin-bottom:18px}.mg-head h1{margin:6px 0 8px}.mg-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;color:var(--muted);font-size:13.5px}.mg .card h2{display:flex;align-items:center;gap:8px;margin-top:0}.mg-count{display:inline-block;min-width:22px;padding:1px 7px;border-radius:99px;background:var(--code-bg);color:var(--muted);font-size:12px;font-weight:700;text-align:center}.mg-howto{margin:4px 0 18px;padding-left:20px;line-height:1.6}.mg-howto li{margin:4px 0}.mg-pages{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.mg-page{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#fafbfd}.mg-page-name{font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--ink)}.mg-srclink{font-size:12.5px;color:var(--muted)}.mg-attn{border-left:4px solid var(--amber)}.mg-issue{padding:10px 12px;border-radius:var(--radius-sm);margin-top:8px;background:var(--amber-soft);color:var(--body);font-size:13.5px}.mg-issue.blocking{background:var(--red-soft)}.mg-issue strong{display:block;color:var(--ink);margin-bottom:2px}.mg-task{border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;margin-top:12px}.mg-task-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mg-task-n{width:24px;height:24px;border-radius:50%;background:var(--grad);color:#fff;font-weight:700;font-size:12.5px;display:inline-flex;align-items:center;justify-content:center;flex:none}.mg .k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.mg-task-why{font-size:13.5px;color:var(--body);margin-bottom:10px}.mg-task-do{background:var(--blue-soft);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--ink)}.mg-steps{margin:2px 0 0;padding-left:20px;line-height:1.6}.mg-step-one{margin:2px 0 0;line-height:1.6}.mg-paste{display:inline;background:#fff;border:1px dashed #93B4F0;border-radius:6px;padding:1px 6px;cursor:pointer;font-weight:600;color:#1d4ed8}.mg-paste em{font-style:normal;font-weight:500;font-size:10.5px;color:var(--muted);margin-left:6px;text-transform:uppercase;letter-spacing:.08em}.mg-paste:hover{background:#f5f8ff}.mg-summary{background:var(--green-soft);color:var(--ink);border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px;line-height:1.55}.mg-win{padding:12px 0;border-bottom:1px solid var(--line)}.mg-win:last-of-type{border-bottom:none}.mg-win-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.mg-win-row{display:grid;grid-template-columns:48px 1fr;gap:8px;font-size:13.5px;padding:2px 0}.mg-win-row .k{margin:2px 0 0}.mg-kept{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--body);display:grid;gap:4px}.mg-fold{padding:0}.mg-fold>summary{cursor:pointer;padding:16px 20px;display:flex;align-items:center;gap:8px;list-style:none}.mg-fold>summary::-webkit-details-marker{display:none}.mg-fold>summary:before{content:"▸";color:var(--muted);width:12px}.mg-fold[open]>summary:before{content:"▾"}.mg-fold>summary strong{font-size:15px;color:var(--ink)}.mg-fold-body{padding:0 20px 18px}.mg-row{padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}.mg-row:last-child{border-bottom:none}.mg-row-head{font-weight:600;color:var(--ink);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px;font-size:13px}.mg-h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 6px}.mg-text{border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:8px;overflow:hidden}.mg-text .mg-row-head{padding:8px 12px;background:var(--code-bg);margin:0}.mg-text-grid{display:grid;grid-template-columns:1fr 1fr}.mg-text-grid>div{padding:10px 12px;white-space:pre-wrap;font-size:13.3px;line-height:1.55}.mg-text-grid>.src{color:var(--muted);background:#fafbfd;border-right:1px solid var(--line)}.mg-quote{font-size:13.5px;padding:5px 0}.mg-notes{white-space:pre-wrap;font-size:12px;background:var(--code-bg);padding:10px 12px;border-radius:var(--radius-sm);max-height:320px;overflow:auto}@media (max-width: 760px){.mg-text-grid{grid-template-columns:1fr}.mg-text-grid>.src{border-right:none;border-bottom:1px solid var(--line)}}.fd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:16px}.fd-grid>.card{margin-bottom:0}table.fd-kv{border-collapse:collapse;width:100%;font-size:13.8px}table.fd-kv th{text-align:left;font-weight:600;color:var(--muted);padding:5px 12px 5px 0;white-space:nowrap;vertical-align:top;width:1%}table.fd-kv td{padding:5px 0;word-break:break-word}table.fd-kv td a+a{margin-left:10px}.fd-notes{white-space:pre-wrap;word-break:break-word;font-size:13px;background:#fbfcfe;border:1px solid var(--line);border-radius:10px;padding:10px 12px}.fd-stage{padding:10px 0;border-bottom:1px solid var(--line)}.fd-stage:last-child{border-bottom:0}.fd-stage-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fd-dot{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--code-bg);color:var(--muted);flex:none}.fd-stage.done .fd-dot{background:var(--green-soft);color:var(--green-ink)}.fd-stage.now .fd-dot{background:var(--blue-soft);color:#1d4ed8}.fd-stage.todo strong{color:var(--muted);font-weight:500}.fd-out{margin:6px 0 0 34px}.studio{--s-bg: var(--ground);--s-bg-2: #EEF2F8;--s-surface: var(--card);--s-surface-2: #F6F8FC;--s-surface-3: #E8EDF5;--s-line: var(--line);--s-line-2: var(--line-strong);--s-text: var(--ink);--s-text-2: var(--body);--s-muted: var(--muted);--s-blue: var(--blue);--s-green: var(--green);--s-grad: var(--grad);--s-radius: var(--radius);--s-radius-sm: var(--radius-sm);--s-shadow: var(--shadow);min-height:100vh;padding:34px 40px 0;background:var(--s-bg);display:flex;flex-direction:column}body.studio-mode .main{max-width:none;padding:0}.studio>*:not(.pg-stack){padding-bottom:90px}.pg-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.pg-head h1{margin:0;font-size:26px;letter-spacing:-.02em}.pg-head .sub{color:var(--s-muted);font-size:13.5px}.pg-stack{display:flex;flex-direction:column;flex:1;min-height:0}.pg-canvas{flex:1;padding-bottom:24px}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}@media (max-width: 1200px){.gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 960px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.gtile{position:relative;border-radius:12px;overflow:hidden;background:var(--s-surface-3);border:1px solid var(--s-line);box-shadow:var(--s-shadow);animation:cardIn .3s ease}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gtile img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;transition:transform .35s}.gtile:hover img{transform:scale(1.03)}.gtile .top{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0;transition:.15s}.gtile .bottom{position:absolute;left:0;right:0;bottom:0;padding:10px;background:linear-gradient(transparent,#0b1b33b8);color:#fff;opacity:0;transition:.15s;display:flex;flex-direction:column;gap:8px;pointer-events:none}.gtile:hover .top,.gtile:hover .bottom,.gtile:focus-within .top,.gtile:focus-within .bottom{opacity:1}.gtile .bottom>*{pointer-events:auto}.gtile .snippet{font-size:11.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5)}.gtile .acts{display:flex;gap:6px;flex-wrap:wrap}.gtile .acts .ibtn{background:#fffffff0;color:var(--s-text);border-color:transparent;padding:4px 9px;font-size:11.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gtile .acts .ibtn:hover{background:#fff;color:var(--s-blue)}.gtile .top .ibtn{background:#fffffff0;border-color:transparent;color:var(--s-text);width:28px;height:28px;padding:0;justify-content:center;border-radius:50%}.gtile .top .ibtn:hover{background:var(--red-soft);color:var(--red)}.gtile .sel-box{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:#0b1b3359;color:#fff;font-size:13px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:.15s;box-shadow:0 1px 3px #0000004d;padding:0}.gtile:hover .sel-box,.gtile .sel-box.on{opacity:1}.gtile .sel-box.on{background:var(--s-blue);border-color:#fff}.gtile.selected{outline:3px solid var(--s-blue);outline-offset:-3px}.gtile.selected img{transform:scale(.96);border-radius:8px}.selbar{position:fixed;left:50%;bottom:140px;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--s-line);border-radius:999px;box-shadow:0 10px 30px #0b1b332e;animation:cardIn .2s ease}.gtile.pending,.gtile.failed{display:flex;align-items:center;justify-content:center}.shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--s-surface-3) 30%,var(--s-surface-2) 50%,var(--s-surface-3) 70%);background-size:200% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gtile .status{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--s-muted);font-size:12px;font-weight:600;padding:14px;text-align:center}.spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(11,27,51,.12);border-top-color:var(--s-blue);animation:spin .9s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.gtile.failed{border-color:#f2cfc8;background:var(--red-soft)}.gtile.failed .status{color:var(--red);font-weight:500;line-height:1.4}.gtile.failed .acts{justify-content:center}.gtile.failed .acts .ibtn{background:#fff}.empty{text-align:center;padding:80px 20px;color:var(--s-muted);border:1px dashed var(--s-line-2);border-radius:var(--s-radius);background:var(--s-surface)}.empty h3{color:var(--s-text);margin-bottom:6px;font-size:17px}.empty .sparkle{font-size:34px;margin-bottom:10px;background:var(--s-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.dock{position:sticky;bottom:0;z-index:30;margin:0 -40px;padding:12px 40px 16px;background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--s-line);box-shadow:0 -10px 30px -18px #0b1b3359;display:flex;flex-direction:column;gap:10px}.dock.disabled{opacity:.55;pointer-events:none}.dock-row{display:flex;gap:12px;align-items:stretch}.dock-row .prompt-wrap{flex:1;min-width:0}.dock .prompt{min-height:64px;max-height:220px;padding:11px 14px 26px;font-size:14px;line-height:1.45;border-radius:12px;resize:vertical;width:100%;font-family:inherit}.prompt-wrap{position:relative}.prompt-foot{position:absolute;right:10px;bottom:8px;font-size:11px;color:var(--s-muted);display:flex;gap:8px;align-items:center;pointer-events:none}.prompt-foot kbd{background:var(--s-bg-2);border:1px solid var(--s-line-2);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:10.5px;color:var(--s-text-2)}.dock-gen{width:auto;min-width:190px;align-self:stretch;flex-direction:column;gap:2px;line-height:1.2}.dock-gen small{font-weight:500;font-size:11.5px;opacity:.9}.dock-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.dock-controls .c-label{margin:0}.ctl{display:flex;align-items:center;gap:8px}.ctl .c-label{font-size:10.5px}.c-label{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--s-muted);display:flex;justify-content:space-between;align-items:center;gap:8px}.c-label .hint{font-weight:500;letter-spacing:0;text-transform:none;font-size:11.5px}.dock-controls .spacer{flex:1}.gen-btn{border:none;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;font-size:14px;color:#fff;background:var(--s-grad);cursor:pointer;box-shadow:0 8px 22px -10px #22c55e99,0 2px 4px #0b1b331f;transition:.15s;display:flex;justify-content:center;align-items:center;gap:8px}.gen-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.gen-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.seg{display:inline-flex;background:var(--s-bg-2);border:1px solid var(--s-line);border-radius:11px;padding:3px;gap:3px}.seg button{background:none;border:none;color:var(--s-muted);font:inherit;font-weight:600;font-size:12.5px;padding:6px 11px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.15s;white-space:nowrap}.seg button .price{font-size:11px;font-weight:500;opacity:.85}.seg button:hover{color:var(--s-text-2)}.seg button.on{background:var(--s-surface);color:var(--s-text);box-shadow:0 1px 2px #0b1b3314,0 4px 12px -6px #0b1b3340}.ratio-row{display:inline-flex;gap:4px;flex-wrap:wrap}.ratio{background:var(--s-surface);border:1px solid var(--s-line);border-radius:9px;padding:5px 7px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--s-muted);font:inherit;font-size:10.5px;font-weight:600;transition:.15s;min-width:42px}.ratio .shape{border:1.5px solid currentColor;border-radius:2px;display:block}.ratio:hover{border-color:var(--s-line-2);color:var(--s-text-2);background:var(--s-surface-2)}.ratio.on{color:var(--s-text);border-color:transparent;background:linear-gradient(var(--s-surface),var(--s-surface)) padding-box,var(--s-grad) border-box;box-shadow:0 2px 8px -4px #3b82f680}.stepper{display:inline-flex;align-items:center;border:1px solid var(--s-line-2);border-radius:10px;background:var(--s-surface);overflow:hidden}.stepper button{background:none;border:none;color:var(--s-text);width:32px;height:32px;font-size:16px;cursor:pointer}.stepper button:disabled{color:var(--s-line-2);cursor:default}.stepper button:hover:not(:disabled){background:var(--s-surface-2)}.stepper .n{min-width:34px;text-align:center;font-weight:700;font-size:14px;color:var(--s-text)}.cost-line{display:inline-flex;gap:6px;font-size:12.5px;color:var(--s-muted);white-space:nowrap}.cost-line b{color:var(--s-text);font-weight:600}.cap-warn{background:var(--amber-soft);border:1px solid #EBD9A8;color:var(--amber);border-radius:10px;padding:8px 12px;font-size:12.5px}.dock .error-box{margin:0}.ref-zone{border:1px dashed var(--s-line-2);border-radius:12px;padding:8px;transition:.15s;background:var(--s-surface-2);display:flex;align-items:center;gap:8px;max-width:46%}.ref-zone.drag{border-color:var(--s-blue);background:var(--blue-soft)}.ref-row{display:flex;flex-wrap:wrap;gap:6px;max-height:108px;overflow-y:auto}.ref-slot{position:relative;width:48px;height:48px;border-radius:9px;overflow:hidden;background:var(--s-surface-3);border:1px solid var(--s-line);flex-shrink:0}.ref-slot img{width:100%;height:100%;object-fit:cover;display:block}.ref-slot .x{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#0b1b33bf;color:#fff;border:none;font-size:10px;line-height:16px;text-align:center;cursor:pointer;padding:0;opacity:0;transition:.15s}.ref-slot:hover .x{opacity:1}.ref-add{width:48px;height:48px;border-radius:9px;border:1px dashed var(--s-line-2);background:var(--s-surface);color:var(--s-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}.ref-add:hover{border-color:var(--s-blue);color:var(--s-blue);background:var(--blue-soft)}.ref-help{font-size:11px;color:var(--s-muted);line-height:1.3;max-width:150px}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#060f20f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lb{flex-direction:row}.lb-stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;padding:28px 72px}.lb-stage img{max-width:100%;max-height:calc(100vh - 56px);object-fit:contain;border-radius:10px;box-shadow:0 30px 80px -20px #000000e6}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:.15s}.lb-nav:hover{background:#ffffff38}.lb-nav.l{left:16px}.lb-nav.r{right:16px}.lb-side{width:380px;flex-shrink:0;background:var(--card);color:var(--ink);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;padding:18px 20px 22px;overflow-y:auto}.lb-side-head{display:flex;justify-content:space-between;align-items:center}.lb-side-head kbd{background:var(--code-bg);border:1px solid var(--line-strong);border-radius:4px;padding:0 5px;font-family:inherit;font-size:10.5px;margin-left:4px}.lb-chips{display:flex;flex-wrap:wrap;gap:6px}.lb-label{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-top:4px}.lb-prompt{font-size:13.5px;line-height:1.55;color:var(--body);background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:12px 14px;max-height:38vh;overflow:auto;white-space:pre-wrap}.lb-refs{display:flex;flex-wrap:wrap;gap:6px}.lb-refs img{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.lb-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:8px}.lb-actions .btn{width:100%;justify-content:center}@media (max-width: 900px){.lb{flex-direction:column}.lb-side{width:100%;max-height:50vh}.lb-stage{padding:16px 56px}}.chip{font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--s-bg-2);color:var(--s-text-2);white-space:nowrap}.chip.ok{background:var(--green-soft);color:var(--green-ink)}.chip.run{background:var(--blue-soft);color:#1d4ed8}.chip.err{background:var(--red-soft);color:var(--red)}.chip.warn{background:var(--amber-soft);color:var(--amber)}.ibtn{background:var(--s-surface);border:1px solid var(--s-line-2);color:var(--s-text-2);border-radius:9px;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:.15s;white-space:nowrap;text-decoration:none}.ibtn:hover{background:var(--s-surface-2);color:var(--s-text);border-color:var(--s-blue);text-decoration:none}.ibtn.danger:hover{background:var(--red-soft);color:var(--red);border-color:#f2cfc8}.picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#0b1b3373;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .12s}.picker-panel{width:min(880px,100%);max-height:86vh;background:var(--s-surface);border:1px solid var(--s-line);border-radius:var(--s-radius);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lift),0 40px 90px -30px #0b1b3380}.picker-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--s-line)}.picker-head h3{margin:0;font-size:15px}.picker-body{padding:16px 18px;overflow:auto}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.pick{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:var(--s-surface-3)}.pick img{width:100%;height:100%;object-fit:cover;display:block}.pick:hover{border-color:var(--s-line-2)}.pick.on{border-color:var(--s-blue)}.pick .chk{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:50%;background:var(--s-blue);color:#fff;font-size:12px;display:none;align-items:center;justify-content:center}.pick.on .chk{display:flex}.picker-foot{padding:12px 18px;border-top:1px solid var(--s-line);display:flex;justify-content:space-between;align-items:center;gap:10px}.dropzone{border:1px dashed var(--s-line-2);border-radius:12px;padding:36px;text-align:center;color:var(--s-muted);cursor:pointer;transition:.15s;background:var(--s-surface-2)}.dropzone:hover,.dropzone.drag{border-color:var(--s-blue);background:var(--blue-soft);color:var(--s-text-2)}.dropzone b{color:var(--s-text)}.prod-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.prod-bar select{min-width:180px}.prod-bar .grow{flex:1;min-width:220px}@media (max-width: 900px){.dock-row{flex-wrap:wrap}.ref-zone{max-width:100%}.dock-gen{width:100%}}