:root{color:#edf3f0;background:#111615;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button,select,input,textarea{color:inherit}button{cursor:pointer}.lab-shell{height:100vh;display:grid;grid-template-rows:52px minmax(0,1fr);background:#111615}.command-bar{display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid #303936;background:#171d1b}.brand{display:flex;align-items:baseline;gap:10px;margin-right:auto;min-width:0}.brand strong{font-size:14px;white-space:nowrap}.command-button,.icon-button,.segment-button{border:1px solid #3a4541;background:#202825;border-radius:5px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.command-button{padding:0 10px;font-size:12px}.icon-button{width:34px;padding:0}.command-button:hover,.icon-button:hover,.segment-button:hover{background:#2a3531;border-color:#53645e}.command-button:focus-visible,.icon-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #45d6a8;outline-offset:1px}.command-button svg,.icon-button svg{width:16px;height:16px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(340px,370px) minmax(0,1fr)}.inspector{min-height:0;overflow-y:auto;border-right:1px solid #303936;background:#171d1b}.section{border-bottom:1px solid #303936;padding:14px}.section h2{margin:0 0 12px;font-size:12px;font-weight:700;color:#c8d4cf;text-transform:uppercase}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.field-grid .wide{grid-column:1 / -1}.field{min-width:0;display:grid;gap:5px}.field>span{color:#98aaa3;font-size:11px}.field-heading{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#98aaa3;font-size:11px}.field-range{color:#64756e;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.field input,.field select,.preview-toolbar input,.preview-toolbar select,textarea{width:100%;min-width:0;height:34px;border:1px solid #38433f;border-radius:4px;background:#101513;padding:0 9px}.field input[type=color]{padding:3px}.field input[type=range]{padding:0;accent-color:#45d6a8}.number-control{display:grid;grid-template-columns:minmax(58px,1fr) auto;align-items:center;gap:7px;min-height:34px}.number-control .number-slider{width:100%;height:18px;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.number-slider::-webkit-slider-runnable-track{height:3px;border-radius:0;background:#3b474b}.number-slider::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;border:2px solid #101619;border-radius:50%;background:#45d6a8;-webkit-appearance:none}.number-entry{display:flex;height:30px;align-items:center;border:1px solid #38433f;border-radius:4px;background:#101513;overflow:hidden}.number-entry:focus-within{outline:2px solid #45d6a8;outline-offset:1px}.number-entry input[type=number]{width:58px;height:28px;padding:0 4px 0 7px;border:0;background:transparent;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;outline:0}.number-entry>span{padding-right:6px;color:#71837c;font-size:9px}.number-slider:disabled,.number-entry:has(input:disabled){opacity:.38;cursor:not-allowed}.font-picker,.color-control{position:relative}.font-picker-trigger,.color-trigger{display:flex;width:100%;height:34px;padding:0 8px 0 10px;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;border:1px solid #38433f;border-radius:5px;background:#0c1214;color:#edf3f0;font-size:13px;text-align:left}.font-picker-trigger:hover,.font-picker-trigger[aria-expanded=true],.color-trigger:hover,.color-trigger[aria-expanded=true]{border-color:#53645e}.font-picker-trigger>span:first-child,.color-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-trigger>i,.color-trigger>i{display:grid;flex:0 0 auto;place-items:center;color:#8fa19a;transition:transform .12s ease}.font-picker-trigger[aria-expanded=true]>i,.color-trigger[aria-expanded=true]>i{transform:rotate(180deg)}.font-picker-list{position:absolute;z-index:40;top:calc(100% + 5px);right:0;left:0;max-height:min(330px,48vh);padding:4px;overflow-y:auto;border:1px solid #53645e;border-radius:5px;background:#11181a;box-shadow:0 12px 28px #00000073}.font-picker-list [role=option]{display:flex;width:100%;min-height:37px;padding:7px 8px 7px 10px;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:3px;background:transparent;color:#edf3f0;font-size:16px;text-align:left}#font-face-list [role=option]{font-size:13px}.font-picker-list [role=option]:hover,.font-picker-list [role=option]:focus-visible{background:#26312d;outline:0}.font-picker-list [role=option].selected{background:#26332f}.font-picker-list [role=option]>i{display:grid;flex:0 0 auto;place-items:center;color:#45d6a8;opacity:0}.font-picker-list [role=option].selected>i{opacity:1}.color-trigger{justify-content:flex-start;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.color-swatch{width:24px;height:20px;flex:0 0 auto;border:2px solid #d7dcdd;border-radius:3px;background:var(--selected-color, #000);box-shadow:0 0 0 1px #53645e}.color-trigger>i{margin-left:auto}.color-popover{position:absolute;z-index:45;top:calc(100% + 5px);left:0;width:220px;padding:10px;border:1px solid #53645e;border-radius:6px;background:#11191c;box-shadow:0 12px 30px #0006}.color-popover label{display:grid;grid-template-columns:52px minmax(0,1fr);min-height:34px;align-items:center;gap:7px;color:#8fa19a;font-size:10px}.color-popover input[type=color]{width:100%;height:26px;padding:2px;grid-column:2;border:1px solid #53645e;border-radius:4px;background:#202825;cursor:pointer}.color-popover input[type=text]{width:100%;min-width:0;height:26px;padding:0 7px;grid-column:2;border:1px solid #53645e;border-radius:4px;background:#0c1214;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.color-popover input[type=text]:invalid{border-color:#ff625d}.alpha-control{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px}.alpha-control input[type=range]{width:100%;height:18px;border:0;background:transparent}.alpha-control output{color:#edf3f0;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}.color-trigger:disabled{opacity:.38;cursor:not-allowed}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.toggle-row{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px}.toggle-row label{color:#c8d4cf;font-size:12px}.toggle{width:38px;height:21px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #43504b;border-radius:11px;background:#2a322f;position:relative}.toggle:after{content:"";position:absolute;width:15px;height:15px;top:2px;left:3px;border-radius:50%;background:#9aaba4;transition:transform .12s ease}.toggle:checked{background:#24785f;border-color:#45d6a8}.toggle:checked:after{transform:translate(16px);background:#effbf6}.field-error{color:#ff7d78;font-size:11px;min-height:14px}.subsection{margin-top:12px;padding-top:12px;border-top:1px solid #29312e}.preview-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto 190px;background:#0c100f}.preview-toolbar{display:grid;grid-template-columns:minmax(190px,1fr) 90px 118px minmax(160px,200px);align-items:stretch;gap:8px;padding:10px 12px;border-bottom:1px solid #303936;background:#171d1b}.preview-toolbar textarea,.preview-toolbar #aspect-ratio,.preview-color-control,.background-picker-trigger{height:58px;border-radius:5px}.preview-toolbar textarea{resize:none;padding:8px 9px;line-height:1.35}.preview-toolbar #aspect-ratio{padding:0 10px;font-size:14px;font-weight:650}.preview-color-control{display:flex;min-width:0;align-items:center;gap:8px;padding:0 9px;border:1px solid #38433f;background:#101513}.preview-color-control input[type=color]{width:38px;height:38px;padding:2px;flex:0 0 auto;border:1px solid #53645e;border-radius:4px;background:#202825;cursor:pointer}.preview-color-control output{min-width:0;overflow:hidden;color:#b9c7c1;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}.background-picker{position:relative;min-width:0}.background-picker-trigger{display:grid;width:100%;min-width:0;grid-template-columns:48px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:5px 7px;border:1px solid #38433f;border-radius:5px;background:#101513;text-align:left}.background-picker-trigger:hover,.background-picker-trigger[aria-expanded=true]{border-color:#53645e;background:#18201d}.background-picker-preview{display:grid;width:48px;height:46px;place-items:center;overflow:hidden;border-radius:3px;background:#26302d;color:#8fa19a}.background-picker-preview img{width:100%;height:100%;object-fit:cover}.background-picker-copy{display:grid;min-width:0;gap:3px}.background-picker-copy strong,.background-picker-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-picker-copy strong{color:#dce8e3;font-size:11px}.background-picker-copy small{color:#8fa19a;font-size:10px}.background-picker-trigger>i{display:grid;place-items:center;color:#8fa19a;transition:transform .12s ease}.background-picker-trigger[aria-expanded=true]>i{transform:rotate(180deg)}.background-picker-list{position:absolute;z-index:50;top:calc(100% + 5px);right:0;width:min(430px,calc(100vw - 24px));padding:7px;border:1px solid #53645e;border-radius:6px;background:#11191c;box-shadow:0 14px 34px #00000080}.background-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.background-picker-grid [role=option]{display:grid;min-width:0;grid-template-columns:72px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:5px;border:1px solid transparent;border-radius:4px;background:transparent;color:#edf3f0;text-align:left}.background-picker-grid [role=option]:hover,.background-picker-grid [role=option]:focus-visible{border-color:#43524c;background:#222d29;outline:0}.background-picker-grid [role=option].selected{border-color:#3f866f;background:#20352e}.background-picker-grid [role=option]>img{width:72px;height:46px;object-fit:cover;border-radius:3px;background:#25302c}.background-picker-grid [role=option]>span{display:grid;min-width:0;gap:4px}.background-picker-grid [role=option] strong,.background-picker-grid [role=option] small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.background-picker-grid [role=option] strong{font-size:10px}.background-picker-grid [role=option] small{color:#82958d;font-size:9px}.background-picker-grid [role=option]>i{color:#45d6a8;opacity:0}.background-picker-grid [role=option].selected>i{opacity:1}.background-picker-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:7px;padding-top:7px;border-top:1px solid #2b3632}.canvas-stage{min-height:0;display:grid;place-items:center;padding:18px;overflow:hidden;background-color:#0c100f;background-image:linear-gradient(45deg,#151b19 25%,transparent 25%),linear-gradient(-45deg,#151b19 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#151b19 75%),linear-gradient(-45deg,transparent 75%,#151b19 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px}#text-v2-canvas{display:block;flex:none;box-shadow:0 12px 36px #00000070;background:#182426}.transport{display:grid;grid-template-columns:auto minmax(0,1fr) 72px auto;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid #303936;background:#171d1b}.transport input[type=range]{width:100%;accent-color:#45d6a8}.timecode{color:#b9c7c1;font-variant-numeric:tabular-nums;font-size:11px;text-align:right}.loop-control{display:flex;align-items:center;gap:6px;color:#98aaa3;font-size:11px}.output-panel{min-height:0;display:grid;grid-template-rows:36px minmax(0,1fr);border-top:1px solid #303936;background:#141a18}.output-heading{display:flex;align-items:center;min-width:0;padding:0 12px;border-bottom:1px solid #303936}.output-heading>strong{color:#c8d4cf;font-size:11px;font-weight:650}.output-content{min-height:0;overflow:auto;padding:10px 12px}#json-output{margin:0;color:#b7d7ca;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.toast{position:fixed;right:16px;bottom:16px;z-index:10;background:#edf3f0;color:#121715;border-radius:5px;padding:9px 12px;font-size:12px;box-shadow:0 8px 24px #00000059}[hidden]{display:none!important}@media (max-width: 960px){body{overflow:auto}.lab-shell{height:auto;min-height:100vh;grid-template-rows:auto auto}.command-bar{min-height:52px;flex-wrap:wrap;padding:9px 10px}.brand{width:100%}.workspace{display:flex;flex-direction:column}.preview-panel{order:-1;min-height:720px;grid-template-rows:auto 430px auto 180px}.inspector{overflow:visible;border-right:0;border-top:1px solid #303936}.preview-toolbar{grid-template-columns:1fr 1fr}.preview-toolbar textarea{grid-column:1 / -1}.background-picker-list{right:0}}@media (max-width: 520px){.command-button span{display:none}.command-button{width:34px;padding:0}.preview-panel{min-height:670px;grid-template-rows:auto 360px auto 180px}.preview-toolbar{grid-template-columns:1fr}.preview-toolbar textarea{grid-column:auto}.background-picker-grid{grid-template-columns:1fr}.background-picker-list{right:auto;left:0;max-height:min(520px,72vh);overflow-y:auto}.transport{grid-template-columns:auto minmax(0,1fr) 64px}.loop-control{grid-column:1 / -1}}