.share-card-preview-shell{width:100%;max-width:360px;margin:0 auto}.share-card-preview-shell--portrait{aspect-ratio:4/5}.share-card-preview-shell--square{aspect-ratio:1}.share-card-preview-shell--compact{max-width:164px}.share-card-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;height:100%;box-shadow:var(--shadow-sm);font-kerning:normal;text-rendering:geometricprecision;font-family:LINE Seed Sans TH,Inter,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.share-card-preview-overlay{pointer-events:none;position:absolute;inset:0}.share-card-preview-decoration{pointer-events:none;display:block;position:absolute}.share-card-preview-decoration--label{white-space:nowrap;align-items:center;min-width:0;line-height:1;display:flex;overflow:hidden}.share-card-preview-decoration--label[style*=center]{justify-content:center}.share-card-preview-decoration--icon{place-items:center;display:grid}.share-card-preview-decoration--icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px;width:100%;height:100%}.share-card-preview-decoration--icon svg path:first-child:last-child{fill:none}.share-card-preview-text{overflow-wrap:anywhere;min-width:0;line-height:1.06;display:block;position:absolute;overflow:hidden}.share-card-preview-text--editable{appearance:none;cursor:move;-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;border:1px solid #0000;padding:0}.share-card-preview-text--editable.is-selected{outline:2px solid color-mix(in srgb, currentColor 24%, transparent);outline-offset:2px;z-index:3;border-color:currentColor;overflow:visible}.share-card-preview-toolbar{color:#172033;background:#fff;border:1px solid #dfe4ee;border-radius:8px;gap:3px;padding:3px;display:inline-flex;position:absolute;bottom:calc(100% + 5px);left:0;box-shadow:0 10px 24px #0f172a29}.share-card-preview-toolbar button{color:#172033;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.share-card-preview-toolbar button:hover:not(:disabled){color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.share-card-preview-toolbar button:disabled{cursor:not-allowed;opacity:.4}.share-card-preview-resize-handle{background:var(--color-bg-primary);cursor:nwse-resize;border:2px solid;border-top:0;border-left:0;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-400-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/inter-latin-ext-400-700.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/line-seed-sans-th-regular.woff2)format("woff2");unicode-range:U+E00-E7F}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/line-seed-sans-th-bold.woff2)format("woff2");unicode-range:U+E00-E7F}:root{--color-primary:#be3a7c;--color-border:#dfe4ee;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-text-primary:#172033;--color-text-secondary:#3c485f;--color-text-tertiary:#64748b;--radius-md:8px;--shadow-sm:0 14px 32px #0f172a1f;--spacing-sm:10px;--spacing-md:16px;--font-size-xs:12px;--font-size-sm:14px;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f6f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a,input,select{font:inherit}button{border:0}.studio-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.studio-sidebar{background:#fff;border-right:1px solid #dfe4ee;flex-direction:column;gap:24px;padding:24px;display:flex}.studio-brand{align-items:center;gap:12px;display:flex}.studio-mark{color:#fff;background:#111827;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.studio-brand strong,.studio-brand small{display:block}.studio-brand strong{font-size:16px}.studio-brand small{color:#64748b;font-size:12px;font-weight:700}.studio-nav{flex-direction:column;gap:8px;display:flex}.studio-nav-item,.back-link{color:#3c485f;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-weight:750;text-decoration:none;display:flex}.studio-nav-item.active{color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.back-link{cursor:pointer;border-color:#dfe4ee;justify-content:center;margin-top:auto}.studio-content{min-width:0;padding:32px}.studio-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#be3a7c;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:850}h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.15}.header-actions,.template-action-row{flex-wrap:wrap;gap:10px;display:flex}.secondary-button,.primary-button,.btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.primary-button{color:#fff;background:#111827;gap:8px;min-height:42px;padding:0 16px;font-weight:800}.secondary-button{color:#3c485f;background:#fff;border:1px solid #dfe4ee;gap:8px;min-height:42px;padding:0 14px;font-weight:800}.btn{gap:7px;min-height:38px;padding:0 12px;font-weight:800}.btn-sm{min-height:34px;padding:0 10px;font-size:13px}.btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary)}.btn:disabled{cursor:not-allowed;opacity:.45}.status-banner{color:#8b255b;background:#fff0f7;border:1px solid #f7b4d5;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;width:100%;max-width:100%;margin-bottom:16px;padding:12px 14px;font-weight:750;line-height:1.35;display:grid;overflow:hidden}.status-banner svg{flex:none;margin-top:1px}.status-banner span{overflow-wrap:anywhere;white-space:normal;min-width:0;display:block}.status-banner--neutral{color:#3c485f;background:#fff;border-color:#dfe4ee;margin-bottom:20px}.studio-grid{grid-template-columns:minmax(300px,440px) minmax(440px,1fr);align-items:start;gap:18px;min-width:0;display:grid}.preview-panel,.work-panel{background:#fff;border:1px solid #dfe4ee;border-radius:8px}.template-preview-panel{place-items:center;gap:18px;min-height:620px;padding:28px;display:grid;position:sticky;top:24px}.preview-meta{flex-direction:column;align-items:center;gap:4px;display:flex}.preview-meta strong{color:#172033;font-size:15px}.preview-meta span{color:#64748b;font-size:12px;font-weight:750}.template-work-panel{flex-direction:column;gap:20px;padding:20px;display:flex}.template-section{flex-direction:column;gap:12px;display:flex}.template-section+.template-section,.advanced-layout{border-top:1px solid var(--color-border);padding-top:18px}.template-section-title{color:#172033;align-items:center;gap:8px;font-size:14px;font-weight:850;display:flex}.template-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-tile{border:1px solid var(--color-border);color:#172033;text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:72px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:92px;padding:10px;display:grid}.template-tile.active{color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.template-tile .share-card-preview-shell{width:64px;max-width:64px;margin:0}.template-tile span{flex-direction:column;min-width:0;display:flex}.template-tile strong,.template-tile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-tile small{color:#64748b;font-size:12px}.quick-grid,.share-preset-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.share-preset-control-grid--dense{grid-template-columns:repeat(3,minmax(0,1fr))}.share-preset-field,.share-preset-check{min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-direction:column;gap:6px;font-weight:750;display:flex}.share-preset-field--wide{grid-column:1/-1}.share-preset-field span,.share-preset-check span{min-width:0}.input,.settings-dropdown{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;min-height:40px;color:var(--color-text-primary);font:inherit;border-radius:8px;padding:0 11px;font-size:14px}.share-preset-field input[type=color]{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:8px;width:100%;height:40px;padding:2px}.share-preset-field input[type=range]{width:100%;accent-color:var(--color-primary)}.share-preset-check{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;flex-direction:row;justify-content:center;align-items:center;min-height:40px;padding:0 12px}.share-preset-check input{width:16px;height:16px;accent-color:var(--color-primary)}.boost-button{border:1px solid color-mix(in srgb, var(--color-primary) 40%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 8%, #fff);width:100%;min-height:40px;color:var(--color-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-weight:850;display:inline-flex}.text-box-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-box-row{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;grid-template-columns:minmax(0,1fr) 36px;align-items:stretch;min-width:0;display:grid;overflow:hidden}.text-box-row.active{background:#fff0f7;border-color:#f7b4d5}.text-box-select,.text-box-eye{min-width:0;color:var(--color-text-secondary);cursor:pointer;background:0 0}.text-box-select{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:9px 10px;display:flex}.text-box-select strong,.text-box-select small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.text-box-select strong{color:var(--color-text-primary);font-size:12px;font-weight:850}.text-box-select small{color:var(--color-text-tertiary);font-size:11px;font-weight:800}.text-box-eye{border-left:1px solid var(--color-border);place-items:center;display:grid}.text-box-eye:hover:not(:disabled){color:#be3a7c;background:#fff}.text-box-eye:disabled,.share-preset-check input:disabled{cursor:not-allowed;opacity:.42}.font-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.font-option{border:1px solid var(--color-border);background:var(--color-bg-secondary);min-width:0;min-height:58px;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:9px 10px;display:flex}.font-option.active{color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.font-option strong,.font-option small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.font-option strong{font-size:13px;font-weight:880}.font-option small{color:var(--color-text-secondary);font-size:13px;font-weight:780}.text-range-grid,.text-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.text-range-control,.text-color-control{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;flex-direction:column;gap:7px;min-width:0;padding:10px;display:flex}.text-range-control span,.text-color-control span{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:8px;display:flex}.text-range-control small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:800;overflow:hidden}.text-range-control strong{color:var(--color-text-primary);font-size:12px;font-weight:900}.text-range-control input[type=range]{width:100%;accent-color:var(--color-primary)}.text-color-control span{font-size:12px;font-weight:800}.text-color-control input[type=color]{border:1px solid var(--color-border);background:#fff;border-radius:8px;width:100%;height:34px;padding:2px}.color-swatch-row{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #fff;border-radius:999px;width:34px;height:34px;box-shadow:0 0 0 1px #dfe4ee}.color-swatch.active{box-shadow:0 0 0 2px #111827}.color-swatch-row input[type=color]{background:#fff;border:1px solid #dfe4ee;border-radius:8px;width:44px;height:34px;padding:2px}.icon-segmented,.share-preset-element-tabs{flex-wrap:wrap;gap:6px;display:flex}.icon-segmented button,.share-preset-element-tabs button{border:1px solid var(--color-border);background:var(--color-bg-primary);min-height:34px;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:800;display:inline-flex}.icon-segmented button.active,.share-preset-element-tabs button.active{color:#be3a7c;background:#fff0f7;border-color:#f7b4d5}.advanced-layout{display:block}.advanced-layout summary{color:#172033;cursor:pointer;align-items:center;gap:8px;min-height:38px;font-size:14px;font-weight:850;list-style:none;display:flex}.advanced-layout summary::-webkit-details-marker{display:none}.advanced-layout-body{gap:12px;padding-top:10px;display:grid}.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sample-grid span{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;min-width:0;padding:9px 10px}.sample-grid strong,.sample-grid small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.sample-grid strong{color:#64748b;text-transform:uppercase;font-size:11px}.sample-grid small{color:#172033;margin-top:3px;font-size:13px;font-weight:750}@media (width<=1020px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{z-index:2;border-bottom:1px solid #dfe4ee;border-right:0;gap:14px;padding:14px;position:sticky;top:0}.studio-nav{flex-direction:row;overflow-x:auto}.back-link{display:none}.studio-content{padding:18px}.studio-grid{grid-template-columns:1fr}.template-preview-panel{min-height:0;position:static}}@media (width<=680px){.studio-header{flex-direction:column;align-items:flex-start}.header-actions,.primary-button,.secondary-button{width:100%}.template-gallery,.quick-grid,.share-preset-control-grid,.share-preset-control-grid--dense,.text-box-list,.font-option-grid,.text-range-grid,.text-color-grid,.sample-grid{grid-template-columns:1fr}.template-work-panel,.template-preview-panel{padding:14px}}