:root{--paper:#fcfcfa;--panel:#f6f5f1;--ink:#1f1e1c;--ink-soft:#5a564e;--muted:#8a867e;--line:#e4e1da;--line-darker:#d3cfc6;--cobalt:#2a5ca8;--vermilion:#be4530;--ochre:#c89227;--viridian:#2c6f5e;--purple:#6b4e8c;--radius-input:9px;--radius-card:12px;--radius-btn:11px;--radius-pill:999px;--fs-h1:clamp(1.8rem,7vw,2.6rem);--fs-h2:clamp(1.15rem,4.2vw,1.5rem);--fs-h3:clamp(1rem,3.6vw,1.2rem);--fs-body:clamp(0.88rem,3.2vw,1rem);--fs-btn:clamp(0.85rem,3vw,0.95rem);--fs-caption:clamp(0.72rem,2.6vw,0.82rem);--fs-tab:clamp(0.78rem,2.8vw,0.9rem);--space-page-x:clamp(16px,4vw,48px);--space-section:clamp(20px,6vw,36px);--space-card:clamp(16px,4.5vw,24px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:IBM Plex Sans KR,system-ui,-apple-system,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-weight:400;background:var(--paper);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}.page{max-width:1280px;margin:0 auto;padding:clamp(28px,6vw,56px) var(--space-page-x) clamp(60px,10vw,96px)}.app-header{margin-bottom:var(--space-section)}.badge{display:inline-block;font-size:var(--fs-caption);font-weight:600;letter-spacing:.06em;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);padding:5px 10px;border-radius:var(--radius-pill);margin-bottom:14px}.brand-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.brand-logo{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 200deg,var(--cobalt),var(--vermilion),var(--ochre),var(--viridian),var(--cobalt))}h1{font-family:Hahmlet,serif;font-size:var(--fs-h1);font-weight:800;letter-spacing:-.03em;line-height:1.25}.subtitle{display:block;color:var(--ink-soft);font-size:clamp(.82rem,3.2vw,1rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.subtitle-compact{display:none}@media (max-width:360px){.subtitle-full{display:none}.subtitle-compact{display:inline}}.brand-stripe{display:flex;height:5px;border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-section)}.brand-stripe span{flex:1 1}.brand-stripe span:first-child{background:var(--cobalt)}.brand-stripe span:nth-child(2){background:var(--vermilion)}.brand-stripe span:nth-child(3){background:var(--ochre)}.brand-stripe span:nth-child(4){background:var(--viridian)}.generate-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-card);margin-bottom:var(--space-section)}.file-drop{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:2px;min-height:64px;padding:12px 16px;border-radius:var(--radius-input);border:1.5px dashed var(--line-darker);background:var(--panel);cursor:pointer;transition:border-color .15s ease;margin-bottom:12px}.file-drop:hover{border-color:var(--cobalt)}.file-drop input[type=file]{display:none}.file-drop-text{font-size:var(--fs-body);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-drop-hint{font-size:var(--fs-caption);color:var(--muted)}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}input[type=email],input[type=number],input[type=text],select{width:100%;min-width:0;height:50px;padding:0 16px;border-radius:var(--radius-input);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:1rem;font-family:inherit}select{cursor:pointer}select.placeholder{color:var(--muted)}input[type=email]::placeholder,input[type=number]::placeholder,input[type=text]::placeholder{color:var(--muted)}input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,select:focus{outline:2px solid var(--cobalt);outline-offset:1px}button{border-radius:var(--radius-btn);border:none;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.generate-btn{min-height:44px;padding:13px 22px;flex-shrink:0;background:var(--ink);color:var(--paper);font-size:var(--fs-btn);font-weight:600;white-space:nowrap;transition:filter .15s ease,transform .15s ease}.generate-btn:not(:disabled):hover{filter:brightness(1.3)}.generate-btn:not(:disabled):active{transform:scale(.98)}.generate-btn:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.generate-btn.full-width{width:100%}.error{padding:14px 16px;border-radius:var(--radius-input);background:#fbeae6;border:1px solid #e8c3b8;color:#9c3b26;margin-top:14px;white-space:pre-wrap}.error,.loading{font-size:var(--fs-body)}.loading{display:flex;align-items:center;gap:10px;color:var(--ink-soft);padding-top:18px}.spinner{width:18px;height:18px;flex-shrink:0;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.result-section{animation:fade-in .25s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ig-card{background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:var(--radius-card);overflow:hidden;margin-bottom:20px}.ig-card-type1{border-top-color:var(--viridian)}.ig-card-type2{border-top-color:var(--ochre)}.ig-card-type3{border-top-color:var(--vermilion)}.ig-card-type4{border-top-color:var(--cobalt)}.ig-card-type5{border-top-color:var(--purple)}.ig-header{gap:10px;padding:12px 14px}.ig-avatar,.ig-header{display:flex;align-items:center}.ig-avatar{justify-content:center;width:32px;height:32px;border-radius:50%;background:conic-gradient(from 200deg,var(--cobalt),var(--vermilion),var(--ochre),var(--viridian),var(--cobalt));font-size:1rem;flex-shrink:0}.ig-username{font-size:var(--fs-body);font-weight:700;color:var(--ink)}.ig-image{width:100%;aspect-ratio:1/1;background:var(--panel)}.ig-image img{width:100%;height:100%;object-fit:cover;display:block}.ig-actions{display:flex;gap:14px;padding:12px 14px 6px;font-size:1.3rem;color:var(--ink)}.ig-caption{padding:0 14px 16px;font-size:var(--fs-body);line-height:1.7;color:var(--ink-soft);white-space:pre-wrap}.ig-caption strong{color:var(--ink);margin-right:6px}.tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;white-space:nowrap;padding:clamp(8px,2.5vw,12px) clamp(14px,4vw,22px);min-height:44px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);color:var(--muted);font-size:var(--fs-tab);font-weight:600;transition:color .15s ease,background .15s ease,border-color .15s ease}.tab-type1{border-color:var(--viridian);color:var(--viridian)}.tab-type2{border-color:var(--ochre);color:var(--ochre)}.tab-type3{border-color:var(--vermilion);color:var(--vermilion)}.tab-type4{border-color:var(--cobalt);color:var(--cobalt)}.tab-type5{border-color:var(--purple);color:var(--purple)}.tab-type1.active{background:var(--viridian);color:#fff}.tab-type2.active{background:var(--ochre);color:#fff}.tab-type3.active{background:var(--vermilion);color:#fff}.tab-type4.active{background:var(--cobalt);color:#fff}.tab-type5.active{background:var(--purple);color:#fff}.tab-current{box-shadow:0 0 0 2px var(--ink)}.tab:disabled{opacity:.45;cursor:not-allowed}.more-tones-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.more-tones-title{font-size:var(--fs-body);font-weight:700;color:var(--ink);margin-bottom:10px}.more-tones-pills{margin-bottom:8px}.tone-cost-note{font-size:var(--fs-caption);color:var(--muted);min-height:1em}.result{padding:var(--space-card);border-radius:var(--radius-card);background:var(--paper);border:1px solid var(--line);border-left-width:4px}.result-type1{border-left-color:var(--viridian)}.result-type2{border-left-color:var(--ochre)}.result-type3{border-left-color:var(--vermilion)}.result-type4{border-left-color:var(--cobalt)}.result-type5{border-left-color:var(--purple)}.result-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.result-header h2{font-size:var(--fs-h3);color:var(--ink-soft);font-weight:700}.result-text{white-space:pre-wrap;font-size:var(--fs-body);line-height:1.75}.copy-btn{flex-shrink:0;min-height:40px;padding:8px 16px;border-radius:var(--radius-btn);background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:var(--fs-btn);font-weight:600;transition:background .15s ease}.copy-btn:hover{background:var(--line)}.result .error{margin-top:0}.tool-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tool-tabs::-webkit-scrollbar{display:none}.tool-tabs-scroll-wrap{position:relative;margin-bottom:16px}.tool-tabs-scroll-wrap .tool-tabs{margin-bottom:0;padding:0 40px}.tool-tabs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--ink-soft);font-size:.85rem;z-index:2;transition:opacity .15s ease,visibility .15s ease}.tool-tabs-arrow:hover{color:var(--ink)}.tool-tabs-arrow.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.tool-tabs-arrow-left{left:-6px}.tool-tabs-arrow-right{right:-6px}.tool-tab{flex-shrink:0;white-space:nowrap;min-height:44px;padding:clamp(8px,2.5vw,12px) clamp(14px,4vw,22px);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:var(--fs-tab);font-weight:600;transition:color .15s ease,background .15s ease,border-color .15s ease}.tool-tab.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.active-style-indicator{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;padding:8px 12px;border-radius:var(--radius-input);background:var(--panel);border:1px solid var(--line)}.active-style-indicator,.preset-description{font-size:var(--fs-caption);color:var(--ink-soft)}.preset-description{margin:-4px 0 12px}.section-heading{font-size:var(--fs-h3);color:var(--ink);font-weight:700;margin-bottom:12px}.add-sample-btn{width:100%;min-height:44px;margin-bottom:12px;border:1.5px dashed var(--line-darker);background:transparent;color:var(--ink-soft);font-size:var(--fs-btn);font-weight:600;border-radius:var(--radius-input)}.add-sample-btn:hover{border-color:var(--cobalt);color:var(--cobalt)}textarea.mood-textarea{width:100%;min-height:84px;padding:12px 16px;border-radius:var(--radius-input);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:var(--fs-body);font-family:inherit;resize:vertical;margin-bottom:12px}textarea.mood-textarea::placeholder{color:var(--muted)}textarea.mood-textarea:focus{outline:2px solid var(--cobalt);outline-offset:1px}.photo-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.photo-row{display:flex;align-items:center;gap:10px}.photo-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--panel);border:1px solid var(--line)}.photo-row input[type=text]{flex:1 1;min-width:0}.photo-remove-btn{flex-shrink:0;min-height:44px;padding:0 14px;border-radius:var(--radius-btn);background:#fbeae6;color:#9c3b26;font-size:var(--fs-btn);font-weight:600}.photo-remove-btn:hover{background:#f5dcd3}.photo-order-btns{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.photo-order-btns button{width:44px;height:44px;border-radius:var(--radius-btn);background:var(--panel);border:1px solid var(--line);color:var(--ink-soft);font-size:1rem;line-height:1}.photo-order-btns button:disabled{opacity:.3;cursor:not-allowed}.photo-order-btns button:not(:disabled):hover{background:var(--line);color:var(--ink)}.reels-frame{position:relative;width:100%;max-width:320px;margin:0 auto 16px;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.reels-frame img{width:100%;height:100%;object-fit:cover;display:block}.reels-hook-overlay{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 20px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;font-size:var(--fs-h2);font-weight:800;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.5)}.reels-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:1.6rem;line-height:1;display:flex;align-items:center;justify-content:center;border:none;z-index:2}.reels-nav-btn:disabled{opacity:.25;cursor:not-allowed}.reels-nav-btn:not(:disabled):hover{background:rgba(0,0,0,.65)}.reels-nav-prev{left:8px}.reels-nav-next{right:8px}.reels-scene-counter{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:var(--radius-pill);background:rgba(0,0,0,.5);color:#fff;font-size:var(--fs-caption);font-weight:700;z-index:2}.reels-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:18px}.reels-dot{width:8px;height:8px;border-radius:50%;background:var(--line);border:none;padding:0}.reels-dot.active{background:var(--cobalt)}.reels-hook-list{padding:var(--space-card);border-radius:var(--radius-card);background:var(--paper);border:1px solid var(--line);margin-bottom:14px}.reels-hook-list ul{list-style:none}.reels-hook-list li{padding:8px 0;font-size:var(--fs-body);line-height:1.6;cursor:pointer;border-radius:6px;color:var(--ink)}.reels-hook-list li.active-scene{color:var(--cobalt);font-weight:700}.reels-caption-block{margin-bottom:14px}.reels-caption-block,.slideshow-card{padding:var(--space-card);border-radius:var(--radius-card);background:var(--paper);border:1px solid var(--line)}.slideshow-card{margin-top:14px}.slideshow-scene-list{display:flex;flex-direction:column;gap:10px;margin:14px 0}.slideshow-scene-row{display:flex;align-items:center;gap:10px}.slideshow-scene-fields{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:6px}.slideshow-duration-control{display:flex;align-items:center;gap:8px}.slideshow-duration-control input[type=range]{flex:1 1;min-width:0}.slideshow-duration-control span{flex-shrink:0;font-size:var(--fs-caption);color:var(--ink-soft);width:40px;text-align:right}.slideshow-bulk-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.slideshow-bulk-row input[type=number]{width:70px;height:40px;padding:0 10px;border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--panel);color:var(--ink)}.slideshow-total{font-size:var(--fs-caption);color:var(--ink-soft);margin-left:auto}.slideshow-canvas{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.slideshow-hint{font-size:var(--fs-caption);color:var(--ink-soft);margin-top:10px;text-align:center}.slideshow-fallback-list{display:flex;flex-direction:column;gap:8px}.slideshow-transition-select{height:38px;padding:0 10px;border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-size:var(--fs-caption)}.slideshow-speed-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:var(--fs-caption);color:var(--ink-soft)}.slideshow-speed-row input[type=range]{flex:1 1;min-width:0}.slideshow-preview-canvas{display:block;width:100%;max-width:320px;aspect-ratio:9/16;margin:0 auto;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.slideshow-preview-wrap{margin-bottom:14px}.slideshow-preview-controls{display:flex;align-items:center;gap:10px;max-width:320px;margin:12px auto 0}.slideshow-control-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:1.1rem;display:flex;align-items:center;justify-content:center}.slideshow-control-btn:hover{background:var(--line)}.slideshow-progress-bar{flex:1 1;min-width:0;height:6px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.slideshow-progress-fill{height:100%;background:var(--cobalt);border-radius:var(--radius-pill)}.blog-preview{padding:var(--space-card);border-radius:var(--radius-card);background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--viridian);margin-bottom:14px}.blog-title{font-family:Hahmlet,serif;font-size:var(--fs-h2);font-weight:800;letter-spacing:-.02em;margin-bottom:16px;line-height:1.4;color:var(--ink)}.blog-paragraph{white-space:pre-wrap;font-size:var(--fs-body);line-height:1.8;color:var(--ink-soft)}.blog-paragraph,.blog-photo-block{margin-bottom:18px}.blog-photo{width:100%;border-radius:10px;display:block;margin-bottom:10px;border:1px solid var(--line)}.blog-footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.blog-footer .blog-paragraph{color:var(--muted);font-size:var(--fs-caption)}.blog-actions{display:flex;gap:10px}.blog-actions .generate-btn{flex:1 1}.academy-phone-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.academy-phone-row input[type=text]{flex:1 1;min-width:0}.empty-state-card{padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px dashed var(--line-darker);text-align:center;margin-bottom:var(--space-section)}.empty-state-card p{font-size:var(--fs-body);color:var(--ink-soft);margin-bottom:14px}.tone-disabled-note{font-size:var(--fs-caption);color:var(--muted);margin-top:8px}.watermark-apply-checkbox{display:flex;align-items:center;gap:8px;font-size:var(--fs-caption);color:var(--ink-soft);margin-bottom:12px}.watermark-apply-checkbox input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.watermark-component-toggle{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.watermark-checkbox-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-body);color:var(--ink)}.watermark-checkbox-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.watermark-component-section{padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.watermark-logo-drop{margin-bottom:0}.watermark-logo-preview-row{display:flex;align-items:center;gap:10px}.watermark-logo-preview{display:block;max-width:160px;max-height:100px;object-fit:contain;border-radius:var(--radius-input);border:1px solid var(--line);background:var(--paper);padding:8px}.watermark-settings-grid{display:flex;flex-direction:column;gap:10px;padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line);margin-bottom:14px}.watermark-setting-row{display:flex;align-items:center;gap:10px}.watermark-setting-row>span:first-child{flex-shrink:0;width:48px;font-size:var(--fs-caption);color:var(--ink-soft)}.watermark-setting-row select,.watermark-slider-row input[type=range]{flex:1 1;min-width:0}.watermark-slider-value{flex-shrink:0;width:40px;text-align:right;font-size:var(--fs-caption);color:var(--ink-soft)}.watermark-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-top:14px}.watermark-photo-card{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--panel);padding:10px}.watermark-photo-frame{width:100%;border-radius:var(--radius-input);overflow:hidden;background:var(--paper);margin-bottom:8px}.watermark-photo-preview{display:block;width:100%;height:auto}.watermark-photo-actions{display:flex;gap:6px}.watermark-photo-actions .generate-btn{flex:1 1;min-height:40px;padding:0 10px;font-size:var(--fs-caption)}.watermark-photo-actions .photo-remove-btn{min-height:40px;padding:0 12px;font-size:var(--fs-caption)}.required-hint{font-size:var(--fs-caption);color:var(--ochre);margin-top:8px}.queue-add-row{display:flex;gap:8px;align-items:stretch}.queue-add-row .generate-btn.full-width{flex:1 1}.queue-add-row .add-sample-btn{width:auto;flex-shrink:0;margin-bottom:0;padding:0 16px}.queue-summary{font-size:var(--fs-body);font-weight:700;color:var(--ink);margin-bottom:12px}.queue-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.queue-actions .add-sample-btn{width:auto;margin-bottom:0;padding:0 16px}.queue-progress{margin-bottom:16px}.queue-progress-label{font-size:var(--fs-caption);color:var(--ink-soft);margin-bottom:6px}.queue-progress-bar{width:100%;height:8px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--line);overflow:hidden}.queue-progress-fill{height:100%;background:var(--cobalt);transition:width .2s ease}.queue-card-list{display:flex;flex-direction:column;gap:12px}@media (min-width:768px){.queue-card-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;align-items:start}.queue-card.is-expanded{grid-column:1/-1}}@media (min-width:1280px){.queue-card-list{grid-template-columns:repeat(3,1fr)}}.queue-card{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--paper);overflow:hidden}.queue-card-summary{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer}.queue-thumb-stack{position:relative;flex-shrink:0;width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px);padding:0;border:none;background:none;cursor:pointer}.queue-thumb{position:absolute;inset:0;width:100%;height:100%;border-radius:8px;object-fit:cover;background:var(--panel);border:1px solid var(--line)}.queue-thumb-stack .queue-thumb:nth-child(2){inset:6px 0 0 6px}.queue-thumb-stack .queue-thumb:nth-child(3){inset:12px 0 0 12px}.queue-reels-video{display:block;width:100%;max-width:320px;margin:0 auto 12px;border-radius:16px}.queue-reels-video,.queue-type-reels{background:var(--panel)}.queue-thumb-placeholder{flex-shrink:0;width:clamp(72px,18vw,96px);height:clamp(72px,18vw,96px);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:8px;background:var(--panel);border:1px solid var(--line)}.queue-thumb-badge{position:absolute;bottom:-4px;right:-4px;z-index:10;background:var(--ink);color:var(--paper);font-size:var(--fs-caption);font-weight:700;padding:1px 6px;border-radius:var(--radius-pill);border:1.5px solid var(--paper)}.queue-photo-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;padding:24px}.queue-photo-modal,.queue-photo-modal-overlay{display:flex;align-items:center;justify-content:center}.queue-photo-modal{position:relative;max-width:min(90vw,640px);max-height:90vh}.queue-photo-modal-img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:var(--radius-card);background:var(--paper)}.queue-photo-modal-close{top:-40px;right:0;width:32px;height:32px;background:var(--paper);font-size:1rem}.queue-photo-modal-close,.queue-photo-modal-nav{position:absolute;border-radius:50%;color:var(--ink);border:none}.queue-photo-modal-nav{top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(255,255,255,.9);font-size:1.4rem;line-height:1}.queue-photo-modal-prev{left:12px}.queue-photo-modal-next{right:12px}.queue-photo-modal-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:var(--paper);font-size:var(--fs-caption);padding:2px 10px;border-radius:var(--radius-pill)}.queue-card-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.queue-card-badges{display:flex;gap:6px;flex-wrap:wrap}.queue-type-badge{border-radius:var(--radius-pill);background:var(--panel);color:var(--ink-soft);border:1px solid var(--line)}.queue-status,.queue-type-badge{padding:2px 9px;font-size:var(--fs-caption);font-weight:700}.queue-status{border-radius:var(--radius-pill);color:var(--paper)}.queue-status-pending{background:var(--muted)}.queue-status-generating{background:var(--cobalt)}.queue-status-done{background:var(--viridian)}.queue-status-failed{background:var(--vermilion)}.queue-card-style{font-size:var(--fs-caption);color:var(--ink-soft)}.queue-card-error{font-size:var(--fs-caption);color:var(--vermilion)}.queue-card-order-btns{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.queue-card-order-btns button{width:32px;height:32px;border-radius:var(--radius-btn);background:var(--panel);border:1px solid var(--line);color:var(--ink-soft);font-size:.85rem;line-height:1}.queue-card-order-btns button:disabled{opacity:.3;cursor:not-allowed}.queue-card-summary .photo-remove-btn{flex-shrink:0;min-height:36px}.reels-template-section{margin-bottom:var(--space-section)}.reels-template-title{font-size:var(--fs-caption);font-weight:600;color:var(--ink-soft);margin-bottom:8px}.reels-template-applied-label{font-size:var(--fs-caption);color:var(--cobalt);font-weight:600;margin:-4px 0 8px}.reels-template-scroll{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px;-webkit-overflow-scrolling:touch}.reels-template-group-label{flex-shrink:0;writing-mode:vertical-rl;font-size:var(--fs-caption);font-weight:600;color:var(--ink-soft);padding:4px 2px;align-self:stretch;display:flex;align-items:center;justify-content:center}.reels-template-card-wrap{position:relative;flex-shrink:0}.reels-template-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;padding:0;background:none;border:none}.reels-template-card img,.reels-template-card-loading{width:84px;height:150px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.reels-template-card--selected .reels-template-card-loading,.reels-template-card--selected img{border:3px solid var(--cobalt)}.reels-template-card-label{font-size:var(--fs-caption);color:var(--ink-soft);text-align:center;line-height:1.3}.reels-template-card--selected .reels-template-card-label{color:var(--cobalt);font-weight:600}.reels-template-card-check{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:var(--cobalt);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2}.reels-template-card-badge{position:absolute;top:4px;left:4px;padding:2px 6px;border-radius:20px;background:rgba(0,0,0,.65);color:#fff;font-size:.62rem;font-weight:600;z-index:2}.reels-template-delete-btn{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--ink);color:var(--paper);border:1.5px solid var(--paper);font-size:.7rem;line-height:1}.reels-font-preview{padding:6px 10px;border-radius:var(--radius-input);background:var(--panel);border:1px solid var(--line);font-size:1.1rem;color:var(--ink);margin:-4px 0 4px}.queue-run-one-btn{flex-shrink:0;min-height:36px;padding:8px 14px;font-size:var(--fs-caption)}.queue-card-detail{padding:0 var(--space-card) var(--space-card);border-top:1px solid var(--line)}.queue-result-list{display:flex;flex-direction:column;gap:14px}.queue-result-block,.queue-result-list{padding-top:var(--space-card)}.queue-result-list .queue-result-block:first-child{padding-top:0}.queue-card-detail>.queue-result-block:first-child{padding-top:var(--space-card)}.queue-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-weight:700;color:var(--ink)}.queue-result-text{font-size:var(--fs-body);color:var(--ink-soft);white-space:pre-wrap;line-height:1.6}.dev-cost-panel{position:fixed;top:6px;right:6px;z-index:50;max-width:92vw;padding:3px 8px;border-radius:var(--radius-pill);background:rgba(0,0,0,.55);color:#fff;font-size:.65rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:.75}.save-photo-btn{display:block;min-height:40px;padding:8px 16px;margin:10px 0;border-radius:var(--radius-btn);background:var(--panel);border:1px solid var(--line);color:var(--ink);font-size:var(--fs-btn);font-weight:600;transition:background .15s ease}.save-photo-btn:hover{background:var(--line)}.upload-guide{margin-top:16px}.upload-guide-toggle{width:100%;min-height:44px;border:1.5px dashed var(--line-darker);background:transparent;color:var(--ink-soft);font-size:var(--fs-btn);font-weight:600;border-radius:var(--radius-input)}.upload-guide-toggle:hover{border-color:var(--cobalt);color:var(--cobalt)}.upload-guide-body{margin-top:10px;padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line)}.upload-guide-title{font-weight:700;color:var(--ink);margin-bottom:10px}.upload-guide-list{display:flex;flex-direction:column;gap:8px;padding-left:20px;color:var(--ink-soft);font-size:var(--fs-body)}.music-guide{margin-top:12px}.music-guide-toggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1.5px dashed var(--line-darker);background:transparent;color:var(--ink-soft);font-size:var(--fs-btn);font-weight:600;border-radius:var(--radius-input)}.music-guide-toggle:hover{border-color:var(--cobalt);color:var(--cobalt)}.music-guide-toggle-arrow{font-size:.7rem;color:var(--muted)}.music-guide-body{margin-top:10px;padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line)}.music-guide-steps{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.music-guide-steps li{display:flex;align-items:flex-start;gap:10px}.music-guide-step-number{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--cobalt);color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.music-guide-step-text{color:var(--ink);font-size:var(--fs-body);line-height:1.5}.music-guide-step-icon{display:inline-block}.music-guide-tip-box{margin-top:16px;padding:14px 16px;border-radius:var(--radius-card);background:rgba(200,146,39,.08);border:1px solid rgba(200,146,39,.35)}.music-guide-tip-title{font-weight:700;color:var(--ochre);margin-bottom:8px;font-size:var(--fs-caption)}.music-guide-tip-list{display:flex;flex-direction:column;gap:8px;padding-left:18px;margin:0;color:var(--ink-soft);font-size:var(--fs-caption);line-height:1.5}.draft-restored-notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius-input);background:var(--panel);border:1px solid var(--cobalt);margin-bottom:14px}.draft-restored-notice,.draft-restored-notice button{color:var(--cobalt);font-size:var(--fs-caption);font-weight:600}.draft-restored-notice button{margin-left:auto;min-height:32px;padding:0 12px;border-radius:var(--radius-btn);background:transparent;border:1px solid var(--cobalt)}.draft-restored-notice button:hover{background:var(--cobalt);color:var(--paper)}.draft-reset-row{display:flex;justify-content:flex-end;margin-bottom:8px}.draft-reset-btn{min-height:36px;padding:0 14px;border-radius:var(--radius-btn);background:transparent;border:1px solid var(--line-darker);color:var(--muted);font-size:var(--fs-caption);font-weight:600;margin-left:auto}.draft-reset-btn:hover{border-color:var(--vermilion);color:var(--vermilion)}.tool-tabs .draft-reset-btn{margin-left:auto;flex-shrink:0}.feedback-ai-notice{padding:12px 16px;border-radius:var(--radius-input);background:var(--panel);border:1px solid var(--line-darker);color:var(--ink-soft);font-size:var(--fs-caption);font-weight:600;text-align:center;margin-bottom:16px}.feedback-image-preview{display:block;width:100%;max-width:320px;max-height:280px;object-fit:contain;margin:0 auto 12px;border-radius:var(--radius-input);border:1px solid var(--line);background:var(--panel)}.feedback-result{display:flex;flex-direction:column;gap:16px}.feedback-block{padding:var(--space-card);border-radius:var(--radius-card);background:var(--paper);border:1px solid var(--line)}.feedback-block-title{font-size:var(--fs-body);font-weight:700;color:var(--ink);margin-bottom:10px}.feedback-list{display:flex;flex-direction:column;gap:8px;padding-left:20px;font-size:var(--fs-body);color:var(--ink-soft)}.feedback-improve-list{display:flex;flex-direction:column;gap:10px;list-style:none}.feedback-improve-list li{display:flex;flex-direction:column;gap:4px}.feedback-priority{align-self:flex-start;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:700;color:var(--paper)}.feedback-priority-urgent{background:var(--vermilion)}.feedback-priority-soon{background:var(--ochre)}.feedback-priority-later{background:var(--viridian)}.feedback-improve-text,.feedback-parent-message{font-size:var(--fs-body);color:var(--ink-soft)}.feedback-parent-message{line-height:1.6;white-space:pre-wrap}.feedback-records-toggle{margin-top:16px}.feedback-records-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.feedback-record-card{padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.feedback-record-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--fs-caption);color:var(--ink-soft)}.feedback-record-header span:first-child{font-weight:700;color:var(--ink)}.feedback-record-header .photo-remove-btn{margin-left:auto}.feedback-record-objective{font-size:var(--fs-caption);color:var(--muted)}.onboarding-banner{padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--cobalt);margin-bottom:16px}.onboarding-banner-title{font-size:var(--fs-body);font-weight:700;color:var(--ink);margin-bottom:4px}.onboarding-banner-sub{font-size:var(--fs-caption);color:var(--ink-soft)}.onboarding-banner-notice{font-size:var(--fs-caption);color:var(--muted);margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.onboarding-banner-notice a{color:var(--ink-soft);text-decoration:underline}.skip-onboarding-btn{width:100%;min-height:40px;margin-top:8px;background:transparent;border:none;color:var(--muted);font-size:var(--fs-caption);font-weight:600;text-decoration:underline}.skip-onboarding-btn:hover{color:var(--ink-soft)}.display-settings-block{margin-top:var(--space-section);padding-top:var(--space-card);border-top:1px solid var(--line)}.display-setting-row{display:flex;align-items:center;gap:8px;font-size:var(--fs-body);color:var(--ink);margin-bottom:6px}.display-setting-row input[type=checkbox]{width:18px;height:18px;flex-shrink:0}.display-setting-preview{font-size:var(--fs-caption);color:var(--ink-soft);margin:0 0 16px 26px}.tool-layout{display:flex;flex-direction:column}.tool-result-column{display:contents}.result-placeholder{display:none}@media (min-width:1024px){.tool-layout{flex-direction:row;align-items:flex-start;gap:32px}.tool-layout.tool-layout-stacked{flex-direction:column;gap:0}.tool-layout:not(.tool-layout-stacked)>.generate-card{flex:0 0 45%;max-width:45%;margin-bottom:0}.tool-layout:not(.tool-layout-stacked)>.tool-result-column{display:block;flex:1 1;min-width:0;position:-webkit-sticky;position:sticky;top:24px}.tool-layout:not(.tool-layout-stacked) .result-placeholder{display:flex;align-items:center;justify-content:center;min-height:320px;border:1px dashed var(--line-darker);border-radius:var(--radius-card);background:var(--panel);color:var(--muted);font-size:var(--fs-body)}}@media (max-width:560px){.field-grid{grid-template-columns:1fr}}.app-footer{margin-top:var(--space-section);padding-top:var(--space-card);border-top:1px solid var(--line);text-align:center}.app-footer-links{display:flex;justify-content:center;gap:clamp(12px,3vw,20px);flex-wrap:wrap;margin-bottom:8px}.app-footer-links a{font-size:var(--fs-caption);color:var(--ink-soft);text-decoration:none}.app-footer-links a:hover{text-decoration:underline}.app-footer-copy{font-size:var(--fs-caption);color:var(--muted)}.legal-page{max-width:720px;margin:0 auto;padding:clamp(28px,6vw,56px) var(--space-page-x) clamp(60px,10vw,96px);font-size:var(--fs-body);color:var(--ink);line-height:1.7}.legal-page h1{font-family:Hahmlet,serif;font-size:var(--fs-h2);margin-bottom:var(--space-section)}.legal-page h2{font-size:var(--fs-h3);margin-top:2em;margin-bottom:.6em}.legal-page li,.legal-page p{color:var(--ink-soft)}.legal-page ol,.legal-page ul{padding-left:1.3em;margin:.6em 0}.legal-draft-banner{padding:var(--space-card);border-radius:var(--radius-card);background:var(--panel);border:1px solid var(--vermilion);color:var(--ink);font-size:var(--fs-caption);font-weight:600;margin-bottom:var(--space-section)}.backup-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.file-input-hidden{display:none}.storage-usage-note{margin-top:8px}.consent-warning{color:var(--ink-soft);border-radius:var(--radius-input);padding:8px 12px;margin-top:6px}.consent-warning,.fact-check-notice{font-size:var(--fs-caption);background:var(--panel)}.fact-check-notice{color:var(--ink);border:1px solid var(--ochre);border-radius:var(--radius-input);padding:10px 14px;margin-bottom:14px;line-height:1.5}.legal-back-link{display:inline-block;margin-top:var(--space-section);font-size:var(--fs-caption);color:var(--ink-soft)}.landing-page{max-width:880px;margin:0 auto;padding:clamp(28px,6vw,56px) var(--space-page-x) clamp(60px,10vw,96px)}.landing-hero{text-align:center;margin-bottom:var(--space-section)}.landing-hero .brand-row{justify-content:center}.landing-hero-headline{font-family:Hahmlet,serif;font-size:clamp(1.7rem,6.5vw,2.8rem);font-weight:800;letter-spacing:-.02em;line-height:1.35;margin:clamp(14px,3vw,22px) 0 10px}.landing-hero-sub{color:var(--ink-soft);font-size:var(--fs-body);max-width:480px;margin:0 auto clamp(20px,4vw,28px);line-height:1.6}.landing-cta-btn{display:inline-block;min-height:48px;padding:14px 28px;background:var(--ink);color:var(--paper);font-size:var(--fs-btn);font-weight:700;border-radius:var(--radius-btn);text-decoration:none;transition:filter .15s ease,transform .15s ease}.landing-cta-btn:hover{filter:brightness(1.3)}.landing-section{margin-top:clamp(40px,9vw,72px)}.landing-section h2{font-family:Hahmlet,serif;font-size:var(--fs-h2);font-weight:800;text-align:center;margin-bottom:clamp(18px,4vw,28px)}.landing-steps-list{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto;list-style:none}.landing-steps-list li{display:flex;align-items:flex-start;gap:14px;padding:var(--space-card);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card)}.landing-step-number{flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--cobalt);color:#fff;font-weight:700;font-size:var(--fs-body);display:flex;align-items:center;justify-content:center}.landing-step-text{color:var(--ink);font-size:var(--fs-body);line-height:1.55;padding-top:4px}.landing-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px}.landing-feature-card{padding:var(--space-card);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card)}.landing-feature-icon{display:inline-block;font-size:1.6rem;margin-bottom:8px}.landing-feature-card h3{font-size:var(--fs-h3);font-weight:700;margin-bottom:6px}.landing-feature-card p{color:var(--ink-soft);font-size:var(--fs-caption);line-height:1.6}.landing-example-lead{text-align:center;color:var(--ink-soft);font-size:var(--fs-body);max-width:460px;margin:-8px auto 0;line-height:1.6}.landing-signup{text-align:center}.landing-signup-lead{color:var(--ink-soft);font-size:var(--fs-body);margin:-8px auto clamp(18px,4vw,28px)}.email-capture-form{max-width:420px;margin:0 auto;text-align:left}.email-capture-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.email-capture-agree{display:flex;align-items:center;gap:8px;font-size:var(--fs-caption);color:var(--ink-soft);margin-bottom:14px}.email-capture-agree input{width:auto;height:auto}.email-capture-submit{width:100%;min-height:48px;background:var(--ink);color:var(--paper);font-size:var(--fs-btn);font-weight:700}.email-capture-submit:not(:disabled):hover{filter:brightness(1.3)}.email-capture-submit:disabled{background:var(--line);color:var(--muted);cursor:not-allowed}.email-capture-error{margin-top:10px;color:#9c3b26;font-size:var(--fs-caption)}.email-capture-success{font-size:var(--fs-body);font-weight:600;color:var(--viridian);padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-card);max-width:420px;margin:0 auto}.email-capture-privacy{margin-top:10px;font-size:var(--fs-caption);color:var(--muted)}.landing-app-link{display:block;text-align:center;margin-top:clamp(28px,6vw,40px);font-size:var(--fs-caption);color:var(--ink-soft)}