@font-face{font-family:STK Bureau Sans;src:local("STK Bureau Sans Regular"),local("STKBureauSans-Regular"),url(/assets/STKBureauSans-Regular-jJ9Mxd68.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:STK Bureau Sans Variable Complete;src:local("STK Bureau Sans Regular"),local("STKBureauSans-Regular"),url(/assets/STKBureauSans-Regular-jJ9Mxd68.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:STK Bureau Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark light;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--bg: #000000;--fg: #ffffff;--muted: #949494;--group-bg: #161616;--group-highlight: #424242;--button-border: transparent;--panel-border: transparent;--shadow: none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}body{font-family:STK Bureau Sans,sans-serif}button{border:0;font:inherit;cursor:pointer}.app{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:220px 1fr;background:var(--bg);color:var(--fg);transition:background .16s ease,color .16s ease}.theme-dark{--bg: #000000;--fg: #f3f3f3;--muted: #949494;--group-bg: #161616;--group-highlight: #424242;--button-border: transparent;--panel-border: transparent;--shadow: none}.theme-light{--bg: #ffffff;--fg: #000000;--muted: #a09ea1;--group-bg: #f3f3f3;--group-highlight: #dddbde;--button-border: transparent;--panel-border: transparent;--shadow: none}.sidebar{grid-column:1;grid-row:1;z-index:1;min-height:100vh;position:relative;padding:0;display:flex;flex-direction:column;align-items:flex-start}.mark{position:absolute;left:24px;top:24px;width:52px;height:52px;display:block}.theme-light .mark{filter:invert(1)}.controls{position:absolute;left:24px;top:160px;display:flex;flex-direction:column;gap:24px}.control-group{display:flex;flex-direction:column;align-items:flex-start;gap:0}.control-label{color:var(--muted);font-family:STK Bureau Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:12px;font-weight:400;letter-spacing:0;text-transform:none;margin:0 0 8px}.segmented{display:inline-flex;align-items:center;position:relative;width:max-content;min-height:38px;padding:6px 10px;border-radius:8px;background:var(--group-bg);overflow:visible}.segmented button{position:relative;z-index:1;min-height:26px;padding:4px 10px;border-radius:4px;color:var(--fg);background:transparent;border:0;font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:normal;white-space:nowrap;box-shadow:none;transition:color .12s ease}.segmented{gap:0}.text-control textarea{width:196px;min-height:132px;padding:6px 12px;border:0;border-radius:8px;outline:none;overflow:hidden;resize:none;color:var(--fg);background:var(--group-bg);font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:20px}.text-control textarea:focus{box-shadow:inset 0 0 0 1px var(--group-highlight)}.caption-control{width:254px;height:59px;gap:6px}.caption-control .control-label{margin:0}.caption-control input{width:254px;height:41px;padding:0 12px;border:0;border-radius:8px;outline:none;color:var(--fg);background:var(--group-bg);font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:20px}.caption-control input:focus{box-shadow:inset 0 0 0 1px var(--group-highlight)}.button-group-highlight{position:absolute;left:0;top:0;z-index:0;border-radius:4px;background:var(--group-highlight);opacity:0;pointer-events:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),opacity .12s}.button-group-highlight.is-visible{opacity:1}.export{position:absolute;left:24px;bottom:24px;margin-top:0;display:flex;flex-direction:column;gap:8px}.export-actions{display:inline-flex;align-items:center;width:max-content;gap:4px;flex-wrap:wrap}.export-actions button{height:31px;min-height:31px;min-width:0;padding:5px 14px;border-radius:8px;color:var(--fg);background:var(--group-bg);border:0;font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:normal;white-space:nowrap;box-shadow:none}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#00000094}.modal{width:min(460px,calc(100vw - 36px));border-radius:8px;background:var(--bg);color:var(--fg);border:1px solid var(--group-highlight);box-shadow:0 18px 48px #00000061}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.modal-header{border-bottom:1px solid var(--group-bg)}.modal-header h2{margin:0;font-size:18px;line-height:22px;font-weight:400}.modal-close{width:28px;height:28px;border-radius:4px;color:var(--fg);background:var(--group-bg);font-size:16px;line-height:1}.modal-body{padding:16px}.ratio-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}.fixed-export-size{margin-bottom:18px;padding:8px 10px;border-radius:4px;color:var(--fg);background:var(--group-highlight);font-size:14px;line-height:18px}.fps-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px}.ratio-options button,.fps-options button,.modal-actions button{min-height:32px;padding:6px 10px;border-radius:4px;color:var(--fg);background:var(--group-bg);font-size:14px;line-height:18px}.ratio-options button.active,.fps-options button.active,.modal-actions .primary-action{background:var(--group-highlight)}.modal button:disabled{cursor:default;opacity:.58}.export-progress{display:grid;gap:12px}.progress-row{display:grid;gap:6px}.progress-label{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;line-height:14px}.progress-track{width:100%;height:8px;overflow:hidden;border-radius:4px;background:var(--group-bg)}.progress-fill{height:100%;border-radius:inherit;background:var(--fg);transition:width .12s linear}.modal-status{min-height:36px;margin:14px 0 0;color:var(--muted);font-size:13px;line-height:18px}.modal-status.is-error{color:#e45656}.modal-actions{border-top:1px solid var(--group-bg);justify-content:flex-end}.stage{grid-column:1 / -1;grid-row:1;min-width:0;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;align-items:center;padding:16px 24px;overflow:auto}.stage-content{width:min(calc(100vw - 48px),calc(100vh - 190px));width:min(calc(100vw - 48px),calc(100dvh - 190px));max-width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.stage-content-pattern,.stage-content-audio{width:min(723.0205px,calc(100vw - 48px),max(180px,calc(100vh - 382px)));width:min(723.0205px,calc(100vw - 48px),max(180px,calc(100dvh - 382px)))}.stage-content-social{width:min(942px,calc(100vw - 48px),max(180px,calc(100vh - 175px)));width:min(942px,calc(100vw - 48px),max(180px,calc(100dvh - 175px)));gap:0}.stage-content-pattern>.grid-svg,.stage-content-audio>.grid-svg{transform:translateY(4px)}.stage-controls{display:flex;flex-direction:column;align-items:center;gap:50px}.mode-tabs{position:fixed;left:50%;bottom:122px;z-index:10;transform:translate(-50%)}.mode-tabs .segmented{width:114px;height:39px;min-height:39px;padding:5px;border-radius:6px;background:#161616}.mode-tabs .segmented button{flex:1 1 0;min-width:0;height:29px;min-height:29px;padding:4px}.content-tabs .segmented{width:343px;height:48px;min-height:48px;padding:4px 4px 4px 5px;gap:10px;border-radius:300px;background:#2c2c2c;backdrop-filter:blur(36px);-webkit-backdrop-filter:blur(36px)}.content-tabs{position:fixed;inset:24px 24px auto auto;z-index:10;transform:none}.content-tabs .segmented button,.content-tabs .button-group-highlight{border-radius:300px}.content-tabs .segmented button{flex:1 1 0;min-width:0;height:40px;min-height:40px;padding:4px;color:#fff}.content-tabs .button-group-highlight{background:#fff}.content-tabs .segmented button.active{color:#000}.theme-light .mode-tabs .segmented,.theme-light .content-tabs .segmented{background:var(--group-bg)}.theme-light .content-tabs .segmented button{color:var(--fg)}.theme-light .content-tabs .segmented button.active{color:#fff}.theme-light .content-tabs .button-group-highlight{background:#000}.grid-svg{width:100%;height:auto;aspect-ratio:1 / 1;display:block;flex:0 0 auto;touch-action:none;cursor:crosshair}.grid-svg.is-previewing{cursor:default}.audio-grid{cursor:pointer}.audio-grid-empty{cursor:default}.audio-lane-line{transition:stroke-width 80ms ease,filter 80ms ease,opacity 80ms ease}.audio-lane-line.is-active{stroke-width:1.05;opacity:1;filter:drop-shadow(0 0 1.2px currentColor)}.icon-preview-row{width:100%;min-height:0;display:grid;grid-template-columns:138px 38px 72px 138px 138px;align-items:stretch;justify-content:space-between;gap:clamp(12px,2.2vw,32px)}.icon-preview-row+.stage-controls{margin-top:46px}.icon-editor-preview,.icon-pattern-preview{width:100%;min-width:0;margin:0}.icon-pattern-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.icon-editor-preview{align-self:stretch;display:flex;align-items:center}.icon-editor-preview.is-editable svg{cursor:pointer}.icon-editor-preview svg,.icon-pattern-preview svg{width:100%;height:auto;display:block}.icon-pattern-preview figcaption{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);color:var(--muted);min-width:56px;padding:6px 10px;border-radius:2px;background:var(--group-bg);font-size:12px;line-height:14px;text-align:center}.icon-random-dot{animation-name:icon-random-blink;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes icon-random-blink{0%,18%,72%,to{opacity:1}38%,54%{opacity:0}}.social-canvas-frame{position:relative;container-type:inline-size;width:100%;max-height:calc(100vh - 175px);max-height:calc(100dvh - 175px);aspect-ratio:var(--social-aspect-ratio);flex:0 1 auto;overflow:hidden;background:#000;isolation:isolate}.social-canvas-frame[data-canvas-size="4x5"]{max-width:530px;max-height:662px}.social-canvas-frame[data-canvas-size="16x9"]{max-width:942px;max-height:529.875px}.social-canvas-frame[data-canvas-size="5x4"]{max-width:662px;max-height:530px}.social-canvas-frame[data-canvas-size="1x1"]{max-width:530px;max-height:530px}.social-canvas-frame[data-canvas-size="9x16"]{max-width:530px;max-height:942px}.social-canvas-frame[data-layout=three]{background:#dddbde}.social-canvas{position:relative;z-index:1;width:100%;height:100%;display:block;overflow:hidden}.social-base-background{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;object-fit:fill}.social-layout-three-background{object-fit:cover;object-position:center;mix-blend-mode:multiply}.social-preview-copy{position:absolute;z-index:2;box-sizing:border-box;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.25}.social-layout-one-preview-copy.is-side-by-side{left:4%;top:0;width:42%;height:100%;display:flex;align-items:center}.social-canvas-frame[data-canvas-size="16x9"][data-layout=one] .social-layout-one-preview-copy{left:3.184713%;top:calc(50% - 3.70913cqw);width:34.288747%;height:7.324841cqw;display:block;overflow-wrap:normal;font-family:STK Bureau Sans,sans-serif;font-size:1.910828cqw;font-weight:400;line-height:1.25}.social-canvas-frame[data-canvas-size="4x5"][data-layout=one] .social-layout-one-preview-copy{left:5.660377%;top:82.326284%;bottom:auto;width:51.320755%;height:17.358491cqw;max-height:none;overflow-wrap:normal;font-family:STK Bureau Sans,sans-serif;font-size:3.396226cqw;font-weight:400;line-height:1.25}.social-layout-one-preview-copy.is-lower{left:4%;bottom:4%;width:60%;max-height:18%}.social-layout-two-preview-copy{left:4%;bottom:4%;width:90%;max-height:38%;color:#fff}.social-layout-two-header{position:absolute;top:5.6%;left:3.2%;right:3.2%;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;pointer-events:none}.social-layout-two-announcement{width:max-content;min-width:172px;max-width:100%;height:46px;flex:0 1 auto;padding:0 16px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#111;background:#c2c2c4c7;font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1;overflow:hidden}.social-layout-two-announcement>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.social-layout-two-logo{width:48px;height:48px;flex:0 0 48px;display:block;object-fit:contain;filter:invert(1)}.social-canvas-frame[data-canvas-size="16x9"] .social-layout-two-preview-copy{width:46%}.social-canvas-frame[data-canvas-size="5x4"] .social-layout-two-preview-copy{width:66%}.social-layout-three-copy{position:absolute;inset:0;z-index:2;padding:4%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;mix-blend-mode:difference;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;font-family:STK Bureau Sans Variable Complete,STK Bureau Sans,Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.25}.social-layout-three-copy span{max-width:100%;max-height:100%;display:block;overflow:hidden;white-space:inherit;overflow-wrap:inherit}.social-canvas-frame[data-canvas-size="16x9"] .social-layout-three-copy span{max-width:48%}.social-canvas-frame[data-canvas-size="5x4"] .social-layout-three-copy span{max-width:64%}.social-canvas-frame[data-canvas-size="1x1"] .social-layout-three-copy span{max-width:72%}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{grid-column:1;grid-row:1;min-height:0;padding:12px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:14px;overflow:visible}.mark{position:static;width:40px;height:40px;flex:0 0 auto}.controls{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:12px;flex:1 1 260px;min-width:0}.control-group{flex:0 0 auto}.control-label{font-size:11px;line-height:11px;margin-bottom:6px}.segmented button,.export-actions button{min-height:26px;padding:4px 8px;font-size:12px}.export-actions{flex-direction:row;align-items:stretch}.export{position:static;flex:0 0 auto}.stage{grid-column:1;grid-row:2;min-height:0;height:100%;justify-content:center;align-items:flex-start;padding:10px}.stage-content{width:min(calc(100vw - 20px),calc(100vh - 208px));width:min(calc(100vw - 20px),calc(100dvh - 208px));min-width:min(360px,calc(100vw - 20px))}.stage-content-pattern>.grid-svg,.stage-content-audio>.grid-svg{transform:none}.grid-svg{width:100%}.social-canvas-frame{max-height:calc(100vh - 208px);max-height:calc(100dvh - 208px)}.social-canvas-frame[data-canvas-size="4x5"]{max-width:calc(80vh - 166.4px);max-width:calc(80dvh - 166.4px)}.social-canvas-frame[data-canvas-size="9x16"]{max-width:calc(56.25vh - 117px);max-width:calc(56.25dvh - 117px)}.stage-controls,.stage-controls .segmented{max-width:calc(100vw - 20px)}.content-tabs,.mode-tabs{position:static;transform:none}}