*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f5f5;background:#0a0a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at 0 0,#ffffff14,#0000 32rem),#0a0a0a;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app{height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));max-width:940px;margin:0 auto;display:flex;overflow:hidden}.panel{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:28px;flex-direction:column;width:100%;min-height:0;padding:20px;display:flex;overflow:hidden;box-shadow:0 24px 90px #00000073}h1,h2,p{margin:0}h1{font-size:22px;line-height:1.1}h2{font-size:20px}.preview-area{flex:none;min-height:0}.workspace{background:#00000038;border:1px dashed #ffffff38;border-radius:24px;justify-content:center;align-items:center;width:100%;height:clamp(260px,48dvh,560px);padding:14px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.workspace.has-image{background-color:#00000052;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border-style:solid}.workspace:hover{border-color:#ffffff5c}.upload{color:#f5f5f5;cursor:pointer;text-align:center;background:0 0;border:0;place-items:center;gap:7px;width:100%;min-height:100%;padding:18px;transition:border-color .2s,background .2s,transform .2s;display:grid}.upload:hover{background:#fff1;border-radius:18px}.upload:active{transform:scale(.99)}.upload span{color:#ffffff73;font-size:13px}.file-row{color:#ffffff8c;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.file-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.icon-button{color:#f5f5f5;cursor:pointer;background:#ffffff14;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.error{color:#ffc6c6;background:#ff58581f;border:1px solid #ff585840;border-radius:18px;margin-bottom:12px;padding:12px 14px;font-size:14px}.timestamp-grid{grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:12px;display:grid}.settings-sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:auto;min-height:0;margin-top:14px;padding:2px 4px 2px 0;overflow-y:auto}.settings-sheet::-webkit-scrollbar{width:7px}.settings-sheet::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.field{gap:8px;display:grid}.field-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.field span{color:#ffffffbf;font-size:14px}.field textarea,.field select{color:#f5f5f5;background:#0000004d;border:1px solid #ffffff1c;border-radius:18px;outline:none;width:100%;padding:11px 12px}.field textarea{resize:none}.field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#ffffffb8 50%),linear-gradient(135deg,#ffffffb8 50%,#0000 50%);background-position:calc(100% - 18px) 31px,calc(100% - 12px) 31px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;height:67px;padding-right:32px}.field textarea:focus,.field select:focus{border-color:#ffffff52}.small-tool-button{color:#f5f5f5;cursor:pointer;background:#ffffff17;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,transform .2s;display:inline-flex}.small-tool-button:focus-visible{outline-offset:2px;outline:2px solid #ffffff57}.small-tool-button:not(:disabled):active{transform:scale(.96)}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:18px;display:grid}.timestamp-controls{margin-top:14px}.control{gap:8px;display:grid}.control-head{justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.control-title{color:#ffffffb8;align-items:center;gap:6px;min-width:0;display:inline-flex}.control-title>span:first-child{min-width:0}.tooltip{color:#ffffffb8;background:#ffffff14;border:0;border-radius:50%;outline:none;flex:none;justify-content:center;align-items:center;width:19px;height:19px;padding:0;display:inline-flex;position:relative}.tooltip:focus-visible{box-shadow:0 0 0 2px #ffffff47}.tooltip-bubble{z-index:5;color:#ffffffd1;white-space:normal;text-align:left;pointer-events:none;opacity:0;background:#121212f5;border:1px solid #ffffff24;border-radius:12px;width:min(260px,100vw - 44px);padding:9px 10px;font-size:12px;line-height:1.35;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 36px #0000006b}.tooltip.is-visible .tooltip-bubble{opacity:1;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.tooltip:hover .tooltip-bubble{opacity:1;transform:translate(-50%)}}.control b{text-align:right;color:#ffffff9e;min-width:48px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.control input{accent-color:#f5f5f5;width:100%}.advanced{background:#00000029;border:1px solid #ffffff1a;border-radius:20px;margin-top:16px;overflow:hidden}.advanced summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 15px;list-style:none;display:flex}.advanced summary::-webkit-details-marker{display:none}.advanced summary:after{content:"";border-bottom:2px solid #ffffff8f;border-right:2px solid #ffffff8f;width:8px;height:8px;transition:transform .2s;transform:rotate(45deg)}.advanced[open] summary:after{transform:translateY(3px)rotate(225deg)}.advanced summary span{color:#fffc;font-size:14px}.advanced summary small{color:#ffffff6b;margin-left:auto;font-size:12px}.advanced-controls{margin:0;padding:0 15px 16px}.actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}button.primary,button.secondary{cursor:pointer;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;height:46px;transition:opacity .2s,transform .2s,background .2s;display:inline-flex}button.primary{color:#0a0a0a;background:#f5f5f5;font-weight:700}button.secondary{color:#f5f5f5;background:#ffffff14}button.bot{color:#06101f;background:#58a6ff}button:disabled{opacity:.42;cursor:not-allowed}button:not(:disabled):active{transform:scale(.98)}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.empty{text-align:center;color:#ffffff73;place-items:center;gap:12px;max-width:340px;display:grid}.canvas{border-radius:18px;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 24px 80px #0000008c}@media (width<=920px){.workspace{height:clamp(250px,44dvh,460px)}.canvas{max-height:100%}.controls,.timestamp-grid{grid-template-columns:1fr}.field select{background-position:calc(100% - 18px) 21px,calc(100% - 12px) 21px;height:46px}}@media (width<=520px){.app{padding:max(8px, env(safe-area-inset-top)) 8px max(10px, env(safe-area-inset-bottom))}.panel{border-radius:18px;padding:10px}.workspace{border-radius:16px;height:clamp(220px,42dvh,360px);padding:10px}.actions,.result-actions{grid-template-columns:1fr}h1{font-size:20px}.controls{gap:13px}.settings-sheet{margin-top:10px}}