*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1b1c20;--bg-soft: #17181c;--bg-deep: #101114;--shadow-dark: #0d0e11;--shadow-light: #27282e;--fg: #e7e5df;--fg-dim: #8f8e88;--accent: #d6b36b;--accent-soft: #35301f;--danger: #e0695f;--radius: 8px;--radius-sm: 5px;--raised: 6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light);--raised-sm: 3px 3px 7px var(--shadow-dark), -3px -3px 7px var(--shadow-light);--inset: inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--inset-sm: inset 2px 2px 5px var(--shadow-dark), inset -2px -2px 5px var(--shadow-light)}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,sans-serif;font-size:13px;overflow:hidden}.app{display:grid;grid-template-rows:52px 1fr 6px 300px;gap:10px;height:100%;padding:14px}.toolbar{display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--bg);border-radius:var(--radius);box-shadow:var(--raised)}.app-title{font-weight:700;letter-spacing:.06em;color:var(--accent);margin-right:6px}.btn{background:var(--bg);color:var(--fg);border:none;border-radius:var(--radius-sm);padding:6px 11px;cursor:pointer;font-size:12px;box-shadow:var(--raised-sm);transition:box-shadow .12s,color .12s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn svg{flex:none;display:block}.btn-mini svg{vertical-align:-2px}.rec-dot{color:#c9524a;display:inline-flex}.btn:hover{color:var(--accent)}.btn:active{box-shadow:var(--inset-sm)}select.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:18px}select.btn option{background:var(--bg-soft);color:var(--fg)}.stat{color:var(--fg-dim);font-variant-numeric:tabular-nums;min-width:56px}.spacer{flex:1}.title-input{background:var(--bg-soft);border:none;border-radius:var(--radius-sm);box-shadow:var(--inset-sm);color:var(--fg);font-weight:700;font-size:13px;text-align:center;padding:6px 14px;min-width:180px}.title-input:focus{outline:1px solid var(--accent-soft);color:var(--accent)}.save-state{font-size:10px;white-space:nowrap;margin-left:8px;color:var(--fg-dim)}.save-state-error{color:#e07a6a;font-weight:700}.storage-stat{margin-left:auto;color:var(--fg-dim);font-size:10px;white-space:nowrap}.storage-stat-warn{color:#e07a6a;font-weight:700}.main-row{display:grid;grid-template-columns:240px 6px 1fr 6px 310px;gap:4px;min-height:0}.panel{background:var(--bg);border-radius:var(--radius);box-shadow:var(--raised);display:flex;flex-direction:column;min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-weight:700;flex:none}.preview-wrap{position:relative;border-radius:var(--radius);box-shadow:var(--inset);padding:10px;background:var(--bg-deep);min-width:0;min-height:0}.preview-canvas{width:100%;height:100%;display:block;border-radius:var(--radius-sm);background:#000}.layer-list{overflow-y:auto;flex:1;padding:6px 10px 10px;display:flex;flex-direction:column;gap:8px}.layer-row{display:flex;align-items:center;gap:6px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--raised-sm);background:var(--bg);transition:box-shadow .12s}.layer-row.selected{box-shadow:var(--inset-sm);background:var(--accent-soft)}.layer-row.hidden-layer{opacity:.45}.layer-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-weight:600}.layer-btns{display:flex;flex-direction:column;gap:0}.blend-select{background:transparent;color:var(--fg-dim);border:none;border-radius:6px;font-size:11px;width:fit-content;cursor:pointer}.blend-select option{background:var(--bg-soft);color:var(--fg)}.badge{background:var(--accent);color:#221c0e;font-size:9px;border-radius:6px;padding:1px 5px;margin-left:6px;font-weight:700;vertical-align:1px}.badge-fx{background:#9a86c4}.badge-motion{background:#7fae8f;color:#14201a}.badge-warp{background:#c98f5a;color:#241a08}.badge-key{background:#e5cf9a;color:#2c2410;cursor:default}.badge-error{background:var(--danger);color:#fff}.btn-mini{background:transparent;color:var(--fg-dim);border:none;border-radius:6px;cursor:pointer;padding:2px 6px;font-size:11px}.btn-mini:hover{color:var(--accent)}.btn-danger:hover{color:var(--danger)}.empty-hint{color:var(--fg-dim);padding:18px;text-align:center}.inspector-body{overflow-y:auto;padding:4px 14px 14px;flex:1}.mod-desc{color:var(--fg-dim);margin-bottom:8px;line-height:1.5}.section-title{font-size:11px;letter-spacing:.08em;color:var(--fg-dim);font-weight:700;margin:14px 0 8px}.ctl-row{display:flex;align-items:center;gap:8px;margin-bottom:7px;min-width:0}.ctl-label{width:84px;flex:none;color:var(--fg-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ctl-label-expr{color:var(--accent);font-weight:700}.ctl-row input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:18px}.ctl-num{width:60px;flex:none;background:var(--bg-soft);border:none;color:var(--fg);border-radius:8px;padding:4px 6px;font-size:11px;box-shadow:var(--inset-sm)}.ctl-hex{color:var(--fg-dim);font-family:monospace;font-size:11px}.ctl-expr{flex:1;min-width:0;background:var(--bg-soft);border:none;color:var(--fg);border-radius:8px;padding:5px 8px;font-family:monospace;font-size:11px;box-shadow:var(--inset-sm);outline:1px solid var(--accent-soft)}.param-with-expr{display:flex;align-items:center;gap:3px}.param-with-expr>:first-child{flex:1;min-width:0}.btn-expr{font-style:italic;font-weight:700;font-family:Georgia,serif}input[type=color]{width:44px;height:26px;border:none;border-radius:8px;background:var(--bg-soft);padding:2px;box-shadow:var(--raised-sm);cursor:pointer}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.wa-palettes{display:flex;flex-direction:column;gap:6px}.wa-palette{display:flex;align-items:center;gap:5px;padding:6px 10px;border:none;border-radius:var(--radius-sm);background:var(--bg);box-shadow:var(--raised-sm);cursor:pointer;transition:box-shadow .12s;color:var(--fg)}.wa-palette:active{box-shadow:var(--inset-sm)}.wa-chip{width:18px;height:18px;border-radius:6px;box-shadow:0 0 0 1px #ffffff14}.wa-name{margin-left:6px;font-size:12px;color:var(--fg)}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.motion-btn{border:none;border-radius:var(--radius-sm);background:var(--bg);box-shadow:var(--raised-sm);color:var(--fg);padding:8px 6px;font-size:11px;cursor:pointer;transition:box-shadow .12s,color .12s}.motion-btn:hover{color:var(--accent)}.motion-btn.active{box-shadow:var(--inset-sm);background:var(--accent-soft);color:var(--accent);font-weight:700}.motion-clear{grid-column:span 2;color:var(--danger)}.bottom-panel{background:var(--bg);border-radius:var(--radius);box-shadow:var(--raised);display:flex;flex-direction:column;min-height:0;overflow:hidden}.bottom-tabs{flex:none}.bottom-body{flex:1;min-height:0;display:flex;flex-direction:column}.code-panel{display:flex;flex-direction:column;flex:1;min-height:0}.code-tabs{display:flex;align-items:center;gap:8px;padding:10px 14px 6px}.tab{background:var(--bg);border:none;color:var(--fg-dim);padding:7px 16px;cursor:pointer;border-radius:var(--radius-sm);font-size:12px;box-shadow:var(--raised-sm);transition:box-shadow .12s,color .12s}.tab.active{color:var(--accent);font-weight:700;box-shadow:var(--inset-sm);background:var(--accent-soft)}.code-body{flex:1;min-height:0;overflow:hidden;margin:8px 14px 12px;border-radius:var(--radius-sm);box-shadow:var(--inset-sm);background:var(--bg-soft)}.cm-host,.cm-host .cm-editor{height:100%}.error-box{max-height:84px;overflow-y:auto;margin:0 14px 10px;border-radius:var(--radius-sm);background:#33171f;box-shadow:var(--inset-sm);padding:6px 12px;font-family:monospace;font-size:11px}.error-line{color:#ff9daa}.error-count{color:var(--danger);font-size:11px}.module-browser{overflow-y:auto;padding:4px 14px 14px;flex:1}.browser-toolbar{display:flex;align-items:center;justify-content:space-between;padding:4px 0 2px}.hint-text{color:var(--fg-dim);font-size:11px}.mod-cat-title{font-size:11px;letter-spacing:.08em;color:var(--fg-dim);font-weight:700;margin:10px 0 8px}.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-bottom:8px}.mod-card{border:none;border-radius:var(--radius);padding:8px;cursor:pointer;text-align:left;color:var(--fg);background:var(--bg);box-shadow:var(--raised-sm);display:flex;align-items:center;gap:10px;transition:transform .1s,box-shadow .12s}.mod-card:hover{transform:translateY(-1px)}.mod-card:active{box-shadow:var(--inset-sm);transform:none}.mod-card-static{cursor:default}.work-current{box-shadow:var(--inset-sm);background:var(--accent-soft)}.thumb-canvas{width:72px;height:72px;flex:none;border-radius:var(--radius-sm);box-shadow:var(--inset-sm);background:#000}.mod-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.mod-card-name{font-weight:700}.mod-card-desc{font-size:11px;color:var(--fg-dim);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.timeline{display:flex;flex-direction:column;flex:1;min-height:0}.timeline-header{display:flex;align-items:center;gap:10px;padding:8px 14px 6px;flex:none}.tl-label{display:flex;align-items:center;gap:5px;color:var(--fg-dim);font-size:12px}.timeline-body{display:flex;flex:1;min-height:0;margin:4px 14px 12px;border-radius:var(--radius-sm);box-shadow:var(--inset-sm);background:var(--bg-soft);overflow-y:auto}.tl-names{width:140px;flex:none;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.tl-ruler-spacer{height:26px;flex:none}.tl-name{height:34px;flex:none;display:flex;align-items:center;padding:0 10px;font-size:12px;font-weight:600;color:var(--fg);cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tl-name.selected{color:var(--accent);background:var(--accent-soft)}.tl-tracks{flex:1;position:relative;min-width:0}.tl-ruler{height:26px;position:relative;cursor:ew-resize;border-bottom:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.tl-tick{position:absolute;top:4px;font-size:10px;color:var(--fg-dim);transform:translate(2px);pointer-events:none}.tl-tick:before{content:"";position:absolute;left:-2px;top:14px;width:1px;height:8px;background:var(--fg-dim)}.tl-track{height:34px;position:relative;border-bottom:1px solid rgba(255,255,255,.04)}.tl-clip{position:absolute;top:4px;bottom:4px;border-radius:8px;background:linear-gradient(180deg,#3b3a36,#2e2d29);box-shadow:var(--raised-sm);cursor:grab;overflow:hidden;-webkit-user-select:none;user-select:none}.tl-clip.selected{outline:2px solid var(--accent)}.tl-clip:active{cursor:grabbing}.tl-clip-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;color:#e8dfc8;pointer-events:none;white-space:nowrap}.tl-handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.tl-handle-l{left:0;border-radius:8px 0 0 8px}.tl-handle-r{right:0;border-radius:0 8px 8px 0}.tl-fade{position:absolute;top:0;bottom:0;pointer-events:none}.tl-fade-in{left:0;background:linear-gradient(90deg,rgba(23,26,33,.85),transparent)}.tl-fade-out{right:0;background:linear-gradient(-90deg,rgba(23,26,33,.85),transparent)}.tl-fadegrip{position:absolute;top:0;width:10px;height:10px;cursor:ew-resize;background:var(--fg);border:1px solid var(--accent);border-radius:2px}.tl-fadegrip-l{left:2px}.tl-fadegrip-r{right:2px}.tl-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--danger);pointer-events:none;z-index:3}.tl-beat{position:absolute;bottom:0;width:1px;height:6px;background:#d6b36b59;pointer-events:none}.tl-bar{height:11px;background:#d6b36b99}.tl-key{position:absolute;top:50%;width:11px;height:11px;margin-left:-5.5px;transform:translateY(-50%) rotate(45deg);background:#e5cf9a;border:1px solid #8a7136;border-radius:2px;cursor:ew-resize;z-index:2}.tl-key:hover{background:#f2e2b6}.badge-key{background:#ffd166;color:#4a3608}.btn-key{color:#c9a13f;font-size:10px}.btn-key:hover{color:#e5cf9a}.preset-actions{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap}.btn-chip{border:none;border-radius:8px;background:var(--accent);color:#0c1424;font-size:11px;font-weight:700;padding:4px 10px;cursor:pointer;box-shadow:var(--raised-sm)}.btn-chip:active{box-shadow:var(--inset-sm)}.btn-chip-sub{background:var(--bg);color:var(--fg-dim)}.btn-chip-danger{color:var(--danger)}.btn-active{box-shadow:var(--inset-sm);color:var(--accent);background:var(--accent-soft)}.btn-rec{color:#fff;background:var(--danger);box-shadow:var(--inset-sm)}.preview-wrap:fullscreen{padding:0;border-radius:0;box-shadow:none;background:#000;cursor:none}.preview-wrap:fullscreen .preview-canvas{border-radius:0}.preview-wrap:fullscreen .scene-marker{display:none!important}.scene-marker{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 10px #d6b36bb3,inset 0 0 6px #d6b36b66;pointer-events:none;z-index:5}.scene-obj.obj-selected{outline:2px solid var(--accent)}.scene-add-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.scene-obj{border-radius:var(--radius-sm);box-shadow:var(--inset-sm);background:var(--bg-soft);padding:8px 10px;margin-bottom:8px}.scene-obj-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--shadow-light);border-radius:6px;border:3px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.group-block{display:flex;flex-direction:column;gap:8px}.group-row{background:var(--bg-soft)}.layer-row.in-group{margin-left:18px}.tl-name.in-group{padding-left:24px}.badge-group{background:var(--shadow-light);color:var(--fg)}.tl-clip-group{background:linear-gradient(180deg,#44392a,#362e21)}.layer-row{cursor:grab}.layer-row .layer-btns{opacity:0;transition:opacity .12s}.layer-row:hover .layer-btns,.layer-row.selected .layer-btns{opacity:1}.drag-ghost{position:fixed;z-index:999;pointer-events:none;background:var(--bg);color:var(--fg);font-weight:700;font-size:12px;padding:10px 16px;border-radius:var(--radius-sm);box-shadow:10px 14px 26px #0000008c,var(--raised-sm);transform:rotate(3deg);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-placeholder{pointer-events:none;height:40px;border-radius:var(--radius-sm);border:2px dashed var(--accent);background:#d6b36b14;margin:2px 0}.drop-placeholder.in-group{margin-left:18px}.dnd-item.dragging,.group-block.dragging{opacity:.25}.dnd-item.dragging .layer-row,.group-block.dragging .layer-row{pointer-events:none}.group-row.drop-into{outline:2px dashed var(--accent);background:#d6b36b1f}.btn:disabled{opacity:.35;cursor:default;pointer-events:none}.resizer{position:relative;z-index:5;touch-action:none}.resizer:after{content:"";position:absolute;border-radius:3px;background:var(--shadow-light);opacity:.6;transition:background .12s,opacity .12s}.resizer-v{cursor:col-resize}.resizer-v:after{left:1px;right:1px;top:50%;height:44px;transform:translateY(-50%)}.resizer-h{cursor:row-resize}.resizer-h:after{top:1px;bottom:1px;left:50%;width:64px;transform:translate(-50%)}.resizer:hover:after,.resizer:active:after{background:var(--accent);opacity:.9}.tl-name-audio{color:var(--accent);font-weight:700;display:flex;align-items:center;gap:4px;justify-content:space-between}.tl-track-audio{border-bottom:1px solid var(--bg-deep)}.tl-audio-clip{position:absolute;top:3px;bottom:3px;border-radius:8px;background:linear-gradient(180deg,#2c2a22,#232119);border:1px solid rgba(214,179,107,.45);cursor:grab;overflow:hidden}.tl-audio-clip:active{cursor:grabbing}.tl-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.9;pointer-events:none}.tl-audio-label{position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.8)}.audio-select{max-width:170px;overflow:hidden;text-overflow:ellipsis}.toolbar{flex-wrap:nowrap;gap:8px;min-width:0}.tb-group{display:flex;align-items:center;gap:5px;flex:none}.tb-sep{width:1px;height:22px;background:var(--shadow-light);flex:none}.toolbar .btn{padding:6px 10px;white-space:nowrap;flex:none}.toolbar .btn-icon{padding:6px 8px}.toolbar .stat{min-width:0;white-space:nowrap;font-size:11px}.toolbar .title-input{min-width:120px;max-width:260px;flex:0 1 auto}.toolbar .save-state{white-space:nowrap;font-size:10px}.toolbar .audio-select{max-width:150px;text-overflow:ellipsis}.toolbar .spacer{min-width:6px}@media (max-width: 1360px){.toolbar .stat,.toolbar .save-state{display:none}.toolbar .audio-select{max-width:110px}}.tb-menu-wrap{position:relative}.tb-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:220px;background:var(--bg);border-radius:var(--radius-sm);box-shadow:10px 14px 26px #0000008c,var(--raised-sm);padding:6px;display:flex;flex-direction:column;gap:2px}.tb-menu-item{background:transparent;border:none;color:var(--fg);text-align:left;padding:9px 12px;border-radius:8px;cursor:pointer;font-size:12px}.tb-menu-item:hover{background:var(--accent-soft);color:var(--accent)}.layer-list{gap:4px;padding:4px 8px 8px}.layer-row{padding:3px 6px;gap:5px;min-height:30px}.layer-name{flex-direction:row;align-items:center;gap:6px;font-size:12px;font-weight:600}.layer-name>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;flex:1}.layer-name .blend-select{flex:none;margin-left:auto;max-width:76px;font-size:10px;color:var(--fg-dim)}.layer-btns{flex-direction:row;gap:0;flex:none}.layer-list .btn-mini{padding:2px 4px;font-size:11px;line-height:1.2}.layer-row .badge{font-size:8px;padding:1px 4px;margin-left:4px;vertical-align:1.5px}.group-row{min-height:30px}.drop-placeholder{height:30px}.section-title-row{display:flex;align-items:center;justify-content:space-between}.insp-sec-head{cursor:pointer;-webkit-user-select:none;user-select:none}.insp-sec-head:hover{color:var(--accent)}.insp-caret{display:inline-block;width:12px;color:var(--fg-dim);font-size:9px}.tl-audio-trim{background:#d6b36b80;border-radius:3px 0 0 3px}.tl-audio-gain{width:54px;height:12px;accent-color:var(--accent);flex:none}.mod-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:8px}.mod-card{padding:5px 7px;gap:8px}.thumb-canvas{width:46px;height:46px}.mod-card-name{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mod-card-desc{font-size:10px;line-height:1.35;-webkit-line-clamp:1}.mod-cat-title{margin:8px 0 6px}.mod-card .btn-chip{font-size:10px;padding:3px 8px}.mod-card .btn-chip{padding:2px 7px;font-size:10px}.mod-card-body{gap:2px}.mod-card-static{min-width:0}.preset-actions{display:flex;flex-wrap:nowrap;gap:4px;white-space:nowrap}.mod-card-static .mod-card-desc{display:none}.st-import-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#08080a99;display:flex;align-items:center;justify-content:center}.st-import{width:min(720px,92vw);background:var(--bg);border-radius:var(--radius);box-shadow:var(--raised),0 24px 60px #0009;padding:16px;display:flex;flex-direction:column;gap:10px}.st-import-head{font-weight:700;font-size:14px;color:var(--accent)}.st-import textarea{width:100%;height:240px;resize:vertical;background:var(--bg-deep);color:var(--fg);border:none;border-radius:var(--radius-sm);box-shadow:var(--inset-sm);padding:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;line-height:1.5}.st-import-channels{display:flex;gap:12px;flex-wrap:wrap}.st-import-error{color:var(--danger);font-size:12px}.st-import-warn{color:var(--accent);font-size:12px}.st-import-actions{display:flex;justify-content:flex-end;gap:8px}.welcome-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#08080aa6;display:flex;align-items:center;justify-content:center}.welcome-card{width:min(560px,92vw);background:var(--bg);border-radius:var(--radius);box-shadow:var(--raised),0 30px 80px #000000a6;padding:26px 28px 20px;display:flex;flex-direction:column;gap:14px}.welcome-title{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:.04em}.welcome-lead{color:var(--fg-dim);font-size:12px}.welcome-steps{list-style:none;display:flex;flex-direction:column;gap:12px}.welcome-steps li{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.65;color:var(--fg)}.welcome-steps strong{color:var(--accent)}.welcome-step-num{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--accent);box-shadow:var(--inset-sm);margin-top:2px}.welcome-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.preview-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;pointer-events:none}.preview-empty-title{font-size:15px;font-weight:700;color:var(--fg)}.preview-empty-text{color:var(--fg-dim);font-size:12px;margin-bottom:8px}.preview-empty-actions{display:flex;gap:10px;pointer-events:auto}.mod-card{position:relative}.mod-card-delete{position:absolute;top:2px;right:4px;opacity:0;transition:opacity .12s}.mod-card:hover .mod-card-delete{opacity:1}.ai-generate .ai-prompt{width:100%;height:96px;resize:vertical;background:var(--bg-deep);color:var(--fg);border:none;border-radius:var(--radius-sm);box-shadow:var(--inset-sm);padding:10px;font-size:13px;line-height:1.6}.ai-row{display:flex;gap:8px;align-items:center}.ai-key{flex:1;width:auto;font-family:ui-monospace,Menlo,monospace}.ai-note{color:var(--fg-dim);font-size:10px;text-align:right}