.yb-studio{--yb-cream:#fffaf2;--yb-cream-soft:#fffdfa;--yb-cream-subtle:#fbf5ec;--yb-surface:#fff;--yb-ink:#342820;--yb-ink-sub:#675549;--yb-ink-muted:#8e7c70;--yb-border:#e8ddd0;--yb-border-strong:#d5c5b3;--yb-theme-primary:#e77927;--yb-theme-primary-hover:#cf6516;--yb-theme-primary-soft:#fef2e4;--yb-theme-primary-border:#f8cfab;--yb-theme-accent:#f59e0b;--yb-theme-tint:#e779271a;--yb-shadow-xs:0 1px 3px #3428200a;--yb-shadow-sm:0 3px 10px -2px #3428200f;--yb-shadow-md:0 10px 28px -6px #34282014;--yb-paper-shadow:0 18px 45px -10px #34282026, 0 0 0 1px #3428200f;background-color:var(--yb-cream);min-height:100vh;color:var(--yb-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;font-family:-apple-system,BlinkMacSystemFont,Pretendard,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:clip}.yb-studio[data-theme=honey],.yb-studio.theme-honey{--yb-theme-primary:#e77927;--yb-theme-primary-hover:#cf6516;--yb-theme-primary-soft:#fef2e4;--yb-theme-primary-border:#f8cfab;--yb-theme-accent:#f59e0b;--yb-theme-tint:#e779271a}.yb-studio[data-theme=sage],.yb-studio.theme-sage{--yb-theme-primary:#587d63;--yb-theme-primary-hover:#43624d;--yb-theme-primary-soft:#eef4f0;--yb-theme-primary-border:#b8d2c0;--yb-theme-accent:#799882;--yb-theme-tint:#587d631f}.yb-studio[data-theme=mono],.yb-studio.theme-mono{--yb-theme-primary:#241e1a;--yb-theme-primary-hover:#0e0b09;--yb-theme-primary-soft:#f4f3f1;--yb-theme-primary-border:#d4cfcb;--yb-theme-accent:#574f49;--yb-theme-tint:#241e1a14}.yb-studio :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--yb-theme-primary);outline-offset:2px}.yb-studio .yb-studio-header{z-index:40;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--yb-border);background:#fffaf2f0;position:sticky;top:0}.yb-studio .yb-studio-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1080px;height:56px;margin:0 auto;padding:0 20px;display:flex}.yb-studio .yb-studio-brand{font-size:calc(17px * var(--yummy-text-scale,1));color:var(--yb-ink);align-items:center;gap:8px;min-height:44px;font-weight:850;text-decoration:none;display:inline-flex}.yb-studio .yb-studio-header nav{font-size:calc(13px * var(--yummy-text-scale,1));color:var(--yb-ink-muted);align-items:center;gap:12px;display:flex}.yb-studio .yb-studio-header nav a{min-height:44px;color:var(--yb-ink-sub);border-radius:8px;align-items:center;padding:4px 8px;font-weight:700;text-decoration:none;transition:color .18s,background .18s;display:inline-flex}.yb-studio .yb-studio-header nav a:hover{color:var(--yb-theme-primary);background:var(--yb-cream-subtle)}.yb-studio .yb-studio-main{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.yb-studio .yb-studio-hero{text-align:center;max-width:640px;margin:0 auto 24px}.yb-studio .yb-studio-hero h1{letter-spacing:-.035em;color:var(--yb-ink);margin:0 0 6px;font-size:clamp(24px,3.6vw,34px);font-weight:900;line-height:1.25}.yb-studio .yb-studio-hero p{font-size:calc(14.5px * var(--yummy-text-scale,1));color:var(--yb-ink-sub);margin:0}.yb-studio .yb-template-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:28px;display:grid}.yb-studio .yb-template-card{text-align:left;background:var(--yb-surface);border:1.5px solid var(--yb-border);box-shadow:var(--yb-shadow-xs);border-radius:14px;flex-direction:column;align-items:flex-start;min-height:44px;padding:12px 14px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.yb-studio .yb-template-card:hover{border-color:var(--yb-theme-primary-border);box-shadow:var(--yb-shadow-sm);transform:translateY(-2px)}.yb-studio .yb-template-card[aria-current=page]{border-color:var(--yb-theme-primary);background:var(--yb-theme-primary-soft);box-shadow:0 0 0 1px var(--yb-theme-primary)}.yb-studio .yb-template-card h2{font-size:calc(14px * var(--yummy-text-scale,1));color:var(--yb-ink);margin:0 0 2px;font-weight:850;line-height:1.3}.yb-studio .yb-template-card p{font-size:calc(11.5px * var(--yummy-text-scale,1));color:var(--yb-ink-sub);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;line-height:1.4;overflow:hidden}.yb-studio .yb-blank-first{max-width:720px;margin:0 auto}.yb-studio .yb-blank-first>.yb-style-picker{background:var(--yb-surface);border:1px solid var(--yb-border);width:fit-content;box-shadow:var(--yb-shadow-xs);border-radius:9999px;justify-content:center;align-items:center;gap:8px;margin:0 auto 24px;padding:5px;display:flex}.yb-studio .yb-style-picker button{font-size:calc(13.5px * var(--yummy-text-scale,1));color:var(--yb-ink-sub);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9999px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px 18px;font-weight:750;transition:all .18s;display:inline-flex}.yb-studio .yb-style-picker button:hover{color:var(--yb-ink)}.yb-studio .yb-style-picker button[aria-pressed=true]{background:var(--yb-theme-primary);color:#fff;box-shadow:0 4px 12px -2px var(--yb-theme-tint)}.yb-studio .yb-preview-first{flex-direction:column;gap:24px;display:flex}.yb-studio .yb-preview-first .yb-preview-panel{flex-direction:column;order:0;align-items:center;width:100%;scroll-margin-top:80px;display:flex;position:static}.yb-studio .yb-preview-paper{aspect-ratio:210/297;width:100%;max-width:520px;box-shadow:var(--yb-paper-shadow);box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.yb-studio .yb-preview-paper:hover{transform:scale(1.008);box-shadow:0 24px 55px -12px #34282033,0 0 0 1px #34282014}.yb-studio .yb-preview-paper img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.yb-studio .yb-preview-paper p[role=status]{font-size:calc(14px * var(--yummy-text-scale,1));color:var(--yb-ink-muted);margin:auto;font-weight:700}.yb-studio .yb-preview-note{font-size:calc(12px * var(--yummy-text-scale,1));color:var(--yb-ink-muted);text-align:center;max-width:520px;margin:14px auto 0;line-height:1.6}.yb-studio .yb-preview-panel .yb-actions{justify-content:center;align-items:center;gap:10px;width:100%;max-width:520px;margin-top:18px;display:flex}.yb-studio .yb-actions .yb-primary{min-height:48px;font-size:calc(15px * var(--yummy-text-scale,1));color:#fff;background:var(--yb-theme-primary);border:1px solid var(--yb-theme-primary);cursor:pointer;box-shadow:0 8px 20px -4px var(--yb-theme-tint);border-radius:9999px;flex:1.4;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:850;transition:transform .18s,background-color .18s,box-shadow .18s;display:inline-flex}.yb-studio .yb-actions .yb-primary:hover{background:var(--yb-theme-primary-hover);border-color:var(--yb-theme-primary-hover);box-shadow:0 12px 24px -4px var(--yb-theme-tint);transform:translateY(-2px)}.yb-studio .yb-actions .yb-secondary{min-height:48px;font-size:calc(14px * var(--yummy-text-scale,1));color:var(--yb-ink-sub);background:var(--yb-surface);border:1px solid var(--yb-border);cursor:pointer;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 20px;font-weight:750;transition:all .18s;display:inline-flex}.yb-studio .yb-actions .yb-secondary:hover{background:var(--yb-cream-subtle);color:var(--yb-ink);border-color:var(--yb-border-strong)}.yb-studio .yb-actions button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.yb-studio .yb-status{background:var(--yb-theme-primary-soft);border:1px solid var(--yb-theme-primary-border);width:100%;max-width:520px;color:var(--yb-ink);font-size:calc(12.5px * var(--yummy-text-scale,1));text-align:center;box-sizing:border-box;border-radius:10px;margin:12px auto 0;padding:10px 14px;font-weight:700}.yb-studio .yb-status:empty{display:none}.yb-studio .yb-preview-first .yb-customize{background:var(--yb-surface);border:1.5px solid var(--yb-border);width:100%;max-width:520px;box-shadow:var(--yb-shadow-xs);border-radius:18px;order:1;margin:0 auto;padding:0;transition:border-color .2s;overflow:hidden}.yb-studio .yb-customize[open]{border-color:var(--yb-theme-primary-border);box-shadow:var(--yb-shadow-sm)}.yb-studio .yb-customize summary{cursor:pointer;font-weight:850;font-size:calc(15px * var(--yummy-text-scale,1));color:var(--yb-ink);-webkit-user-select:none;user-select:none;background:var(--yb-surface);justify-content:space-between;align-items:center;min-height:52px;padding:16px 20px;transition:background-color .18s;display:flex}.yb-studio .yb-customize summary:hover{background:var(--yb-cream-soft)}.yb-studio .yb-customize summary span{font-size:calc(12px * var(--yummy-text-scale,1));color:var(--yb-theme-primary);background:var(--yb-theme-primary-soft);border-radius:9999px;margin-left:8px;padding:3px 9px;font-weight:700}.yb-studio .yb-customize-content{border-top:1px solid var(--yb-border);background:var(--yb-cream-soft);padding:18px 20px 22px}.yb-studio .yb-customize-content label{font-size:calc(13px * var(--yummy-text-scale,1));color:var(--yb-ink);margin-bottom:12px;font-weight:750;display:block}.yb-studio .yb-customize-content input[type=text],.yb-studio .yb-customize-content select{width:100%;min-height:44px;font-size:calc(14px * var(--yummy-text-scale,1));color:var(--yb-ink);border:1px solid var(--yb-border);box-sizing:border-box;background:#fff;border-radius:8px;margin-top:6px;padding:8px 12px;font-family:inherit;display:block}.yb-studio .yb-customize-content input:focus,.yb-studio .yb-customize-content select:focus{border-color:var(--yb-theme-primary);box-shadow:0 0 0 3px var(--yb-theme-tint)}.yb-studio .yb-row-list{flex-direction:column;gap:12px;margin:18px 0;display:flex}.yb-studio .yb-form-entry{border:1px solid var(--yb-border);background:#fff;border-radius:12px;min-width:0;margin:0;padding:14px;display:block}.yb-studio .yb-form-entry legend{font-size:calc(12.5px * var(--yummy-text-scale,1));color:var(--yb-theme-primary);padding:0 8px;font-weight:800}.yb-studio .yb-form-entry .yb-field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:8px;display:grid}.yb-studio .yb-form-entry>button{min-height:44px;color:var(--yb-ink-muted);font-size:calc(12px * var(--yummy-text-scale,1));cursor:pointer;background:0 0;border:0;align-items:center;padding:4px 8px;font-weight:700;text-decoration:underline;display:inline-flex}.yb-studio .yb-form-entry>button:hover{color:#b91c1c}.yb-studio .yb-guide-link{min-height:44px;font-size:calc(13px * var(--yummy-text-scale,1));color:var(--yb-theme-primary);align-items:center;margin:8px 0;font-weight:700;text-decoration:underline;display:inline-flex}.yb-studio .yb-customize-content .yb-actions{border:0;gap:10px;margin:14px 0 16px;padding:0;display:flex}.yb-studio .yb-add-row{border:1.5px dashed var(--yb-border-strong);width:100%;min-height:44px;color:var(--yb-ink-sub);font-size:calc(13px * var(--yummy-text-scale,1));cursor:pointer;background:#fff;border-radius:10px;flex:1.2;justify-content:center;align-items:center;gap:6px;font-weight:750;transition:all .18s;display:inline-flex}.yb-studio .yb-add-row:hover{color:var(--yb-theme-primary);border-color:var(--yb-theme-primary);background:var(--yb-theme-primary-soft)}.yb-studio .yb-customize-content .yb-actions .yb-secondary{font-size:calc(13px * var(--yummy-text-scale,1));flex:1;min-height:44px;padding:8px 14px}.yb-studio .yb-customize-content label:has(input[type=checkbox]){font-size:calc(13px * var(--yummy-text-scale,1));color:var(--yb-ink);cursor:pointer;align-items:center;gap:8px;min-height:44px;margin-top:10px;margin-bottom:0;font-weight:700;display:flex}.yb-studio .yb-customize-content input[type=checkbox]{width:18px;height:18px;accent-color:var(--yb-theme-primary);cursor:pointer;margin:0}.yb-studio .yb-template-about{text-align:center;margin-top:36px}.yb-studio .yb-studio-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.yb-studio .yb-studio-links a{min-height:44px;font-size:calc(13.5px * var(--yummy-text-scale,1));color:var(--yb-ink-sub);background:var(--yb-surface);border:1px solid var(--yb-border);border-radius:9999px;align-items:center;padding:6px 16px;font-weight:750;text-decoration:none;transition:all .18s;display:inline-flex}.yb-studio .yb-studio-links a:hover{color:var(--yb-theme-primary);border-color:var(--yb-theme-primary-border);background:var(--yb-cream-soft)}.yb-studio .yb-studio-footer{border-top:1px solid var(--yb-border);text-align:center;font-size:calc(12px * var(--yummy-text-scale,1));color:var(--yb-ink-muted);margin-top:48px;padding:24px 20px}.yb-studio .yb-studio-footer a{color:inherit;text-decoration:underline}@media (width<=640px){.yb-studio .yb-studio-main{padding:18px 14px 48px}.yb-studio .yb-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.yb-studio .yb-template-card{padding:10px 12px}.yb-studio .yb-template-card h2{font-size:calc(13.5px * var(--yummy-text-scale,1))}.yb-studio .yb-blank-first>.yb-style-picker{justify-content:space-around;width:100%}.yb-studio .yb-style-picker button{font-size:calc(12.5px * var(--yummy-text-scale,1));padding:8px 12px}.yb-studio .yb-preview-paper{max-width:100%;padding:12px}.yb-studio .yb-preview-panel .yb-actions{flex-direction:column;align-items:stretch}.yb-studio .yb-preview-panel .yb-actions button{width:100%}.yb-studio .yb-form-entry .yb-field-row{grid-template-columns:1fr}.yb-studio .yb-form-entry input{font-size:calc(16px * var(--yummy-text-scale,1));min-height:44px}.yb-studio .yb-customize-content .yb-actions{flex-direction:column}}@media (prefers-reduced-motion:reduce){.yb-studio,.yb-studio *,.yb-studio :before,.yb-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body{color:#000!important;background:#fff!important}.yb-studio .yb-preview-paper{box-shadow:none!important;border:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}}.yb-studio .yb-template-chooser{max-width:720px;margin:0 auto 12px}.yb-studio .yb-template-chooser>summary{border:1px solid var(--yb-border);cursor:pointer;background:#fff;border-radius:14px;min-height:48px;padding:12px 16px;font-weight:700}.yb-studio .yb-template-chooser[open] .yb-template-grid{margin:12px 0}