.style-workspace-dock-view{display:none}@media (max-width:767px){.style-workspace-dock-view{justify-content:center;margin-bottom:8px;display:flex}}.style-workspace-dock-panels{grid-template-rows:1fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s,transform .28s cubic-bezier(.22,1,.36,1),visibility linear;display:grid}.style-workspace-dock-panels[data-run-working=true]{display:none}.style-workspace-dock-panels[data-composer-hidden=true]{opacity:0;visibility:hidden;pointer-events:none;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.4,0,1,1),opacity .16s ease-in,transform .28s cubic-bezier(.4,0,1,1),visibility 0s linear .28s;transform:translateY(32px)}@media (prefers-reduced-motion:reduce){.style-workspace-dock-panels,.style-workspace-dock-panels[data-composer-hidden=true]{transition:none}}.style-workspace-dock-panels>[data-style-composer-panel]{transform-origin:top;grid-area:1/1;align-self:start;min-width:0;max-height:50dvh;margin:-8px -40px -56px;padding:8px 40px 56px;overflow-y:auto}
.brand-style-workspace{grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid}.style-card-edit-overlay{z-index:1;border-radius:inherit;pointer-events:none;background:color-mix(in srgb, var(--app-surface-raised) 48%, transparent);position:absolute;inset:0;overflow:hidden}.style-card-edit-overlay:after{content:"";background:linear-gradient(105deg,#0000 15%,#ffffffb8 50%,#0000 85%);animation:1.8s ease-in-out infinite style-card-edit-shimmer;position:absolute;inset:0}.style-card-edit-status{z-index:2;background:var(--app-surface-raised);color:var(--app-text-primary);pointer-events:none;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:18px;right:18px;box-shadow:0 1px 6px #00000014}@keyframes style-card-edit-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.style-card-edit-overlay:after{animation:none}}.brand-style-library-grid{grid-template-columns:repeat(auto-fill,min(100%,280px));align-items:start;gap:16px;display:grid}@property --style-workspace-dock-height{syntax:"<length>";inherits:false;initial-value:0}.brand-style-workspace-content{padding-inline:4px;padding-bottom:calc(var(--style-workspace-dock-height,0px) + 24px);scroll-padding-bottom:calc(var(--style-workspace-dock-height,0px) + 24px);grid-area:1/1;-webkit-mask-image:linear-gradient(#0000,#000 28px);mask-image:linear-gradient(#0000,#000 28px)}.brand-style-workspace>[data-motionkit-target=styles-composer-dock]{pointer-events:none;grid-area:1/1;align-self:end}.brand-style-header{align-items:center;gap:14px;padding:4px 4px 0;display:flex}.brand-style-header-logo{border:1px solid var(--app-border-soft);background:var(--app-surface-raised);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;padding:8px;display:grid;overflow:hidden}.brand-style-header-logo img{object-fit:contain;width:100%;height:100%}.brand-style-header-title{min-width:0;color:var(--app-text-primary);letter-spacing:-.035em;margin:0;font-size:26px;font-weight:600;line-height:1.15}.brand-style-switch{max-width:100%;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;border-radius:10px;outline:none;align-items:center;gap:6px;padding:2px 6px 2px 0;display:inline-flex}.brand-style-switch:hover{color:var(--app-text-strong)}.brand-style-switch:focus-visible{box-shadow:0 0 0 3px var(--app-focus-ring)}.brand-style-header-meta{color:var(--app-text-muted);margin:4px 0 0;font-size:13px;line-height:20px}.brand-kit-panel{border:1px solid var(--app-border-soft);background:var(--app-surface-raised);border-radius:16px;margin-top:4px;transition:height .28s cubic-bezier(.22,1,.36,1);overflow:hidden}.brand-kit-panel-content{align-items:center;display:flex}.brand-kit-panel[data-editing=true] .brand-kit-panel-content{align-items:flex-start}.brand-kit-panel[data-editing=true] .brand-kit-edit{margin-top:20px}.brand-kit-panel-body{flex:1;min-width:0}.brand-kit-summary{align-items:center;display:flex}.brand-kit-panel .brand-style-settings{background:0 0;border:0;border-radius:0}@media (prefers-reduced-motion:reduce){.brand-kit-panel{transition:none}}.brand-kit-cell{flex:1;min-width:0;padding:16px 20px}.brand-kit-label{color:var(--app-text-muted);margin:0 0 10px;font-size:12px;font-weight:500}.brand-kit-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.brand-kit-chip{border:1px solid var(--app-border-soft);background:var(--app-surface-raised);height:32px;color:var(--app-text-secondary);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:7px;padding:0 9px 0 5px;font-size:12px;font-weight:500;display:inline-flex}.brand-kit-chip.brand-kit-font{color:var(--app-text-primary);padding-left:10px;font-size:15px}.brand-kit-chip em{background:var(--app-surface-muted);color:var(--app-text-muted);border-radius:6px;padding:1px 6px;font-family:inherit;font-size:11px;font-style:normal;font-weight:500}.brand-kit-font em{font-family:Pretendard Variable,Pretendard,sans-serif}.brand-kit-swatch{border-radius:6px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #0000001a}.brand-kit-hex{text-transform:uppercase;letter-spacing:.02em}.brand-kit-divider{background:var(--app-border-soft);align-self:stretch;width:1px;margin:16px 0}.brand-kit-edit{border:1px solid var(--app-border-neutral);background:var(--app-surface-raised);height:36px;color:var(--app-text-secondary);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:6px;margin:0 20px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.brand-kit-edit:hover,.brand-kit-edit[aria-expanded=true]{background:var(--app-surface-input-hover)}.brand-style-section-title{color:var(--app-text-primary);letter-spacing:-.03em;margin:0 0 18px;font-size:16px;font-weight:600}.brand-style-section-count{color:var(--app-text-faint);margin-left:6px;font-weight:500}.brand-style-library-title{padding-inline-start:8px}.brand-style-empty-description{white-space:pre-line;text-wrap:balance;line-break:strict;max-width:28rem}.brand-style-empty-description:lang(ko){word-break:keep-all}.brand-style-header-view{flex:none}@media (max-width:767px){.brand-style-header{flex-wrap:wrap}.brand-style-header-view{display:none}.brand-style-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.brand-kit-panel-content,.brand-kit-summary{flex-direction:column;align-items:stretch}.brand-kit-panel[data-editing=true] .brand-kit-panel-content{align-items:stretch}.brand-kit-panel[data-editing=true] .brand-kit-edit{margin-top:0}.brand-kit-divider{width:auto;height:1px;margin:0 20px}.brand-kit-panel-content>.brand-kit-divider{display:none}.brand-kit-edit{justify-content:center;margin:0 20px 16px}}
