@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.\!transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:IBM Plex Sans SC;src:url(/fonts/IBMPlexSansSC-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans SC;src:url(/fonts/IBMPlexSansSC-SemiBold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Variable.woff2)format("woff2");font-style:normal;font-weight:100 800;font-display:swap}:root{--text:#171715;--muted:#777772;--line:#ddddda;--soft-line:#ececea;--background:#fff;--panel:#fff;--input:#f7f7f5;--accent:#96c63f}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:JetBrains Mono,IBM Plex Sans SC,monospace,sans-serif;font-size:13px;overflow:hidden}button,input,textarea,select{color:inherit;font:inherit}button,select,input[type=color],input[type=range]{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #171715}.studio-shell{grid-template-columns:minmax(0,1fr) 380px;width:100vw;height:100vh;display:grid}.poem-fullscreen{background:#e3e3df;display:block;position:relative;overflow:hidden}.poem-fullscreen .preview-panel{background:#e3e3df;display:block;position:absolute;inset:0}.poem-fullscreen .canvas-stage{background:#e3e3df;padding:0;position:absolute;inset:0}.poem-fullscreen .canvas-stage canvas{box-shadow:none;background:#fff}.poem-fullscreen .preview-header{z-index:20;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141414e0;border:1px solid #ffffff29;border-radius:7px;height:46px;padding:0 12px;position:absolute;top:16px;left:16px;right:420px}.poem-fullscreen .replay-button{color:#fff;background:#000000c7;border-color:#ffffff38}.poem-fullscreen .replay-button:hover{background:#000;border-color:#ffffff7a}.poem-fullscreen .canvas-palette-copy,.poem-fullscreen .canvas-randomize-button{color:#fff;background:#ffffff14;border-color:#ffffff3d}.poem-fullscreen .canvas-palette-copy:hover,.poem-fullscreen .canvas-randomize-button:hover{background:#ffffff29;border-color:#ffffff80}.poem-fullscreen .progress-track{z-index:21;background:#ffffff1f;height:2px;position:absolute;top:62px;left:17px;right:421px}.poem-fullscreen .canvas-palette-dock{z-index:20;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141414e0;border:1px solid #ffffff29;border-radius:7px;width:max-content;max-width:calc(100vw - 420px);min-height:44px;padding:6px 10px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.poem-fullscreen .settings-panel{z-index:30;background:#f8f8f6f5;border:1px solid #ffffff29;border-radius:8px;width:372px;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 18px 60px #00000057}.poem-controls-toggle{z-index:100;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141414e6;border:1px solid #ffffff38;border-radius:6px;height:34px;padding:0 12px;position:fixed;top:18px;right:404px}.poem-fullscreen.controls-hidden .preview-header,.poem-fullscreen.controls-hidden .progress-track,.poem-fullscreen.controls-hidden .canvas-palette-dock,.poem-fullscreen.controls-hidden .settings-panel{visibility:hidden;pointer-events:none}.poem-fullscreen.controls-hidden .poem-controls-toggle{right:18px}.preview-panel{background:var(--background);grid-template-rows:58px 2px minmax(0,1fr) 54px;min-width:0;min-height:0;display:grid}.preview-header,.settings-header{justify-content:space-between;align-items:center;display:flex}.preview-header{background:var(--panel);border-bottom:1px solid var(--line);padding:0 22px}.preview-header>div{align-items:baseline;gap:12px;display:flex}.preview-header .preview-actions{align-items:center;gap:6px}.preview-header strong{font-size:14px;font-weight:650}.preview-header span,.settings-header span{color:var(--muted);font-size:11px}.replay-button{border:1px solid var(--line);background:var(--panel);border-radius:5px;height:32px;padding:0 11px;font-size:11px}.replay-button:hover{background:var(--input);border-color:#aaa}.replay-button:disabled{cursor:default;opacity:.38}.replay-button:disabled:hover{border-color:var(--line);background:var(--panel)}.progress-track{background:#e3e3df;position:relative;overflow:hidden}.progress-track i{background:var(--accent);transition:width 50ms linear;position:absolute;inset:0 auto 0 0}.canvas-stage{justify-content:center;align-items:center;min-width:0;min-height:0;padding:36px;display:flex;position:relative;overflow:hidden}.canvas-stage canvas{background:#fff;max-width:100%;max-height:100%;display:block;box-shadow:0 0 0 1px #d8d8d4}.canvas-stage canvas.is-clickable{cursor:pointer}.canvas-stage canvas.is-poem-draggable{cursor:ew-resize;touch-action:none}.canvas-stage canvas.is-poem-locked{cursor:default}.canvas-palette-dock{border-top:1px solid var(--line);background:var(--panel);justify-content:center;align-items:center;gap:10px;min-width:0;padding:0 18px;display:flex;overflow:hidden}.canvas-palette-options{scrollbar-width:none;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.canvas-palette-options::-webkit-scrollbar{display:none}.canvas-palette-option{border:1px solid var(--line);background:var(--panel);color:#62625e;white-space:nowrap;border-radius:5px;flex:none;align-items:center;gap:6px;height:30px;padding:0 9px;font-size:10px;display:flex}.canvas-palette-option:hover{background:var(--input)}.canvas-palette-option i{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px}.canvas-palette-option.active{color:#fff;background:#171715;border-color:#171715}.canvas-palette-option.active:hover{background:#171715}.canvas-palette-option:disabled{cursor:default;opacity:1}.canvas-palette-copy,.canvas-randomize-button{flex:none;width:48px}.settings-panel{border-left:1px solid var(--line);background:var(--panel);grid-template-rows:64px minmax(0,1fr) auto;min-width:0;height:100vh;display:grid;overflow:hidden}.settings-header{border-bottom:1px solid var(--line);height:64px;padding:0 18px}.settings-header h1{margin:0;font-size:16px;font-weight:650}.settings-scroll{scrollbar-width:thin;scrollbar-color:#c7c7c2 transparent;min-height:0;overflow-y:auto}.settings-export{z-index:2;background:var(--panel);border-top:1px solid var(--line);position:relative;box-shadow:0 -8px 24px #0000000a}.settings-export .control-section{border-bottom:0}.settings-export .section-heading{height:36px}.settings-export .section-body{gap:10px;padding-bottom:14px}.control-section{border-bottom:1px solid var(--line)}.section-heading{align-items:center;height:42px;padding:0 18px;display:flex}.section-heading h2{margin:0;font-size:12px;font-weight:650}.section-body{gap:16px;padding:0 18px 18px;display:grid}.preset-row{scrollbar-width:thin;scrollbar-color:#c7c7c2 transparent;flex-wrap:nowrap;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.preset-chip{border:1px solid var(--line);background:var(--panel);color:#5e5e5a;white-space:nowrap;border-radius:5px;flex:none;min-height:28px;padding:0 9px;font-size:10px}.preset-chip:hover{background:var(--input)}.preset-chip.active{color:#fff;background:#171715;border-color:#171715}.mode-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.vip-dock-label{color:var(--muted);font-size:10px}.alignment-control{gap:7px;display:grid}.alignment-control>span{color:#62625e;font-size:10px}.alignment-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-options button,.alignment-options button{border:1px solid var(--line);background:var(--panel);color:#686863;border-radius:5px;min-height:38px;padding:0 8px;font-size:10px}.alignment-options button{min-height:32px;padding:0 5px}.mode-options button:hover,.alignment-options button:hover{background:var(--input)}.mode-options button.active,.alignment-options button.active{color:#fff;background:#171715;border-color:#171715}.paired-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rectangle-advanced{border:1px solid var(--soft-line);background:var(--input);border-radius:5px;overflow:hidden}.rectangle-advanced summary{cursor:pointer;color:#62625e;justify-content:space-between;align-items:center;min-height:36px;padding:0 10px;font-size:10px;list-style:none;display:flex}.rectangle-advanced summary::-webkit-details-marker{display:none}.rectangle-advanced summary:after{color:#8b8b86;content:"⌄";font-size:13px;line-height:1;transition:transform .14s}.rectangle-advanced[open] summary{border-bottom:1px solid var(--soft-line)}.rectangle-advanced[open] summary:after{transform:rotate(180deg)}.rectangle-advanced-body{gap:16px;padding:12px 10px;display:grid}.number-control,.range-control,.select-control,.text-control{gap:7px;display:grid}.number-control>span:first-child,.control-label,.select-control>span,.text-control>span{color:#62625e;font-size:10px}.number-input-wrap{display:block;position:relative}.number-input-wrap input,.seed-control input,.select-control select,.poster-username-control input,.text-control input,.text-control textarea{border:1px solid var(--line);background:var(--input);border-radius:5px;outline:none;width:100%}.number-input-wrap input,.seed-control input,.poster-username-control input,.text-control input,.select-control select{height:34px}.text-control input{padding:0 9px}.number-input-wrap input{padding:0 36px 0 9px}.number-input-wrap input:focus,.seed-control input:focus,.poster-username-control input:focus,.text-control input:focus,.select-control select:focus,.text-control textarea:focus{background:#fff;border-color:#999994}.number-input-wrap input::-webkit-outer-spin-button{appearance:none;margin:0}.number-input-wrap input::-webkit-inner-spin-button{appearance:none;margin:0}.seed-control input::-webkit-outer-spin-button{appearance:none;margin:0}.seed-control input::-webkit-inner-spin-button{appearance:none;margin:0}.number-input-wrap small{color:#9b9b96;font-size:9px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.control-label{justify-content:space-between;display:flex}.control-label output{color:var(--text);font-size:10px}.range-control input[type=range]{appearance:none;background:#d5d5d1;border-radius:2px;width:100%;height:3px;margin:5px 0}.range-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #aaa;border-radius:50%;width:14px;height:14px}.range-control input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #aaa;border-radius:50%;width:14px;height:14px}.section-note{color:#8b8b86;margin:-8px 0 0;font-size:9px;line-height:1.45}.poem-controls{gap:12px;display:grid}.poem-status{border:1px solid var(--soft-line);background:var(--input);color:#62625e;border-radius:5px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:34px;padding:0 5px 0 10px;font-size:10px;display:grid}.poem-status i{background:#0ab906;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #0ab9061f}.poem-status i.paused{box-shadow:none;background:#aaa9a4}.poem-status button{border:1px solid var(--line);color:#33332f;background:#fff;border-radius:4px;height:24px;padding:0 9px;font-size:9px}.toggle-control{justify-content:space-between;align-items:center;gap:14px;display:flex}.toggle-control>span{gap:3px;display:grid}.toggle-control strong{font-size:10px;font-weight:500}.toggle-control small{color:#92928d;font-size:9px}.toggle-control input{appearance:none;background:#d7d7d3;border:0;border-radius:10px;flex:none;width:34px;height:18px;margin:0;transition:background .14s;position:relative}.toggle-control input:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .14s;position:absolute;top:2px;left:2px}.toggle-control input:checked{background:#171715}.toggle-control input:checked:after{transform:translate(16px)}.toggle-control.is-disabled{color:#aaa9a4;cursor:not-allowed;opacity:.48}.toggle-control input:disabled{cursor:not-allowed}.photo-upload-row{gap:7px;display:flex}.photo-upload-button{color:#fff;cursor:pointer;background:#171715;border:1px solid #171715;border-radius:5px;flex:auto;justify-content:center;align-items:center;height:36px;font-size:10px;display:flex;position:relative;overflow:hidden}.photo-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.photo-remove-button{border:1px solid var(--line);background:var(--panel);border-radius:5px;flex:0 0 64px;height:36px;font-size:10px}.photo-remove-button:hover{background:var(--input);border-color:#999994}.photo-file-meta{background:var(--input);border-radius:5px;gap:3px;min-width:0;padding:9px 10px;display:grid}.photo-file-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.photo-file-meta span,.photo-empty-note{color:#92928d;font-size:9px;line-height:1.45}.photo-empty-note{margin:-5px 0 0}.vip-name-controls{gap:10px;display:grid}.vip-input-divider{color:#999994;justify-content:center;align-items:center;height:14px;font-size:9px;display:flex;position:relative}.vip-input-divider:before,.vip-input-divider:after{background:var(--soft-line);content:"";flex:1;height:1px}.vip-input-divider span{padding:0 8px}.seed-control{grid-template-columns:1fr 58px;gap:8px;display:grid}.seed-control input{padding:0 9px}.seed-control button,.canvas-palette-copy,.canvas-randomize-button,.export-actions button{border:1px solid var(--line);background:var(--panel);border-radius:5px;height:34px;font-size:10px}.seed-control button:hover,.canvas-palette-copy:hover,.canvas-randomize-button:hover,.export-actions button:hover:not(:disabled){background:var(--input);border-color:#999994}.text-control>span{justify-content:space-between;display:flex}.text-control>span small{color:#a0a09b;font-size:9px}.text-control textarea{resize:vertical;min-height:104px;padding:9px 10px;font-size:11px;line-height:1.55}.poster-username-control input{padding:0 10px}.invitation-quote-select select{text-overflow:ellipsis;white-space:nowrap}.invitation-quote-note{margin-top:-4px}.invitation-footer-toggle{margin-top:2px}.select-control select{padding:0 28px 0 9px}.output-size{background:var(--input);border-radius:5px;grid-template-columns:1fr auto auto;align-items:baseline;gap:5px;padding:11px;display:grid}.output-size span,.output-size small{color:var(--muted);font-size:9px}.output-size strong{font-size:13px;font-weight:600}.export-actions{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.poster-export-actions{grid-template-columns:1fr}.invitation-export-panel{gap:9px;display:grid}.invitation-single-actions,.invitation-batch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.invitation-single-actions button,.invitation-batch-actions button{min-height:36px}.invitation-batch-actions button{border-color:var(--line);background:var(--panel);color:var(--text)}.export-actions button:first-child{color:#fff;background:#171715;border-color:#171715}.export-actions button:disabled{cursor:not-allowed;opacity:.4}.export-message{background:var(--input);min-height:30px;color:var(--muted);border-radius:5px;padding:8px 9px;font-size:9px;line-height:1.4}@media (max-width:900px){body{overflow:auto}.studio-shell{grid-template-columns:1fr;width:100%;height:auto}.preview-panel{height:65vh;min-height:480px}.settings-panel{border-top:1px solid var(--line);border-left:0;height:auto;display:block;overflow:visible}.settings-scroll{height:auto;overflow:visible}.settings-export{position:sticky;bottom:0}}@media (max-width:520px){.preview-panel{height:56vh;min-height:400px}.preview-header{padding:0 14px}.canvas-stage{padding:20px}.canvas-palette-dock{justify-content:flex-start;gap:8px;padding:0 12px}.studio-shell{grid-template-columns:minmax(0,1fr)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}