@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;--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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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))}}:root{--violet:#6841e8;--violet-2:#7c54f5;--violet-soft:#f1eeff;--ink:#24232d;--muted:#777481;--line:#e9e7ef;--surface:#fff;--canvas:#fafaff;--danger:#d04b55;--sidebar:230px;--sans:Inter,Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--canvas);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}p{color:var(--muted);line-height:1.6}input,textarea,select{outline:0;width:100%}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #6841e81a;border-color:var(--violet)!important}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.brand-logo{color:var(--ink);letter-spacing:-.075em;text-transform:lowercase;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.28rem;font-weight:800;display:inline-flex}.brand-mark{display:none}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:.42rem;min-height:40px;padding:0 .95rem;font-size:.68rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-dark{color:#fff;background:linear-gradient(115deg,var(--violet-2),var(--violet));box-shadow:0 7px 15px #6841e829}.button-ghost{color:#514d5a;background:#fff;border-color:#dedbe7}.button-light{color:var(--violet);background:var(--violet-soft)}.button-small{min-height:34px;padding:0 .75rem;font-size:.62rem}.page-header{justify-content:space-between;align-items:end;gap:1rem;max-width:1440px;margin:0 auto 1.35rem;display:flex}.page-eyebrow,.overline{color:var(--violet);letter-spacing:.1em;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.53rem;font-weight:800;display:flex}.page-header h1{letter-spacing:-.065em;margin:0 0 .3rem;font-size:1.55rem}.page-header p:not(.page-eyebrow){max-width:620px;margin:0;font-size:.68rem}.page-actions{gap:.5rem;display:flex}.loading-screen,.empty-state{text-align:center;align-content:center;place-items:center;min-height:45vh;display:grid}.loading-screen{color:var(--violet);gap:.5rem}.loading-screen p,.empty-state p{font-size:.66rem}.empty-state>span{width:48px;height:48px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;display:grid}.empty-state h2{margin:1rem 0 .3rem;font-size:1rem}.status-badge{border-radius:999px;padding:.23rem .42rem;font-size:.48rem;font-weight:700;display:inline-flex}.status-draft{color:#5c42c5;background:#eee9ff}.status-review{color:#b36b16;background:#fff3df}.status-approved{color:#1b8c55;background:#e7f7ee}.landing{background:#fff;overflow:hidden}.landing-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe8;border-bottom:1px solid #e9e7efb3;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;padding:0 clamp(1.25rem,5vw,5rem);display:grid;position:fixed;inset:0 0 auto}.landing-nav nav{gap:2.3rem;display:flex}.landing-nav nav a,.landing-nav-actions>a:first-child{color:#3e3a47;font-size:.69rem;font-weight:650}.landing-nav-actions{justify-self:end;align-items:center;gap:1rem;display:flex}.landing-primary{color:#fff!important;border-color:var(--violet)!important;background:linear-gradient(115deg,var(--violet-2),var(--violet))!important;box-shadow:0 8px 18px #6841e82e!important}.landing-secondary{color:#46424e!important;background:#fff!important;border-color:#e1dee8!important}.landing-hero{grid-template-columns:minmax(330px,.8fr) minmax(560px,1.2fr);align-items:center;gap:clamp(2rem,6vw,6rem);width:min(1380px,100%);min-height:650px;margin:0 auto;padding:145px clamp(1.25rem,5vw,5rem) 65px;display:grid}.hero-copy{max-width:520px}.hero-pill{background:var(--violet-soft);border-radius:999px;align-items:center;gap:.35rem;width:fit-content;margin-bottom:1.15rem;padding:.42rem .78rem;font-weight:700;display:inline-flex;color:var(--violet)!important;font-size:.67rem!important}.hero-copy h1{color:#272530;letter-spacing:-.08em;margin-bottom:1.2rem;font-size:clamp(2.85rem,4.5vw,5.2rem);font-weight:800;line-height:1.19}.hero-copy h1 em,.detail-copy em,.landing-cta em{color:var(--violet);font-style:normal}.hero-copy h1 strong{letter-spacing:-.1em}.hero-description{max-width:470px;font-size:.82rem}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.55rem;display:flex}.product-preview{min-height:440px;position:relative}.product-window{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:95px 1fr;display:grid;position:absolute;inset:0 46px 0 0;overflow:hidden;box-shadow:0 22px 50px #2e215b1c}.product-sidebar{color:#918c99;border-right:1px solid #f0eef3;flex-direction:column;padding:16px 12px;display:flex}.product-sidebar .brand-logo{font-size:.72rem}.product-sidebar>div{gap:13px;margin-top:32px;display:grid}.product-sidebar>div span{border-radius:6px;place-items:center;width:26px;height:26px;font-size:.65rem;display:grid}.product-sidebar .active{color:var(--violet);background:var(--violet-soft)}.product-sidebar>small{margin-top:auto;font-size:.43rem}.product-main{background:#fdfdff;padding:14px}.product-search{color:#898490;background:#fff;border:1px solid #ece9f1;border-radius:6px;align-items:center;gap:.4rem;height:31px;padding:0 .65rem;font-size:.54rem;display:flex}.product-tabs{color:#76717e;white-space:nowrap;align-items:center;gap:.75rem;margin:14px 0 11px;font-size:.51rem;display:flex;overflow:hidden}.product-tabs span{align-items:center;gap:.25rem;display:flex}.product-tabs .selected{color:var(--violet);background:var(--violet-soft);border-radius:5px;padding:.35rem .45rem;font-weight:800}.reference-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.reference-card{color:#fff;background:#897b74;border-radius:6px;align-items:flex-end;min-height:150px;padding:9px;display:flex;position:relative;overflow:hidden}.reference-card:before{content:"";position:absolute;inset:0}.reference-card>div{z-index:1;position:relative}.reference-card small,.reference-card strong{display:block}.reference-card small{margin-bottom:.2rem;font-size:.4rem}.reference-card strong{font-size:.58rem;line-height:1.35}.reference-candle:before{background:linear-gradient(130deg,#cab6a3,#3c3739 65%)}.reference-cream:before{background:radial-gradient(circle at 70% 26%,#f9e4d2 0 18%,#0000 19%),linear-gradient(125deg,#ebdbd3,#a57e71)}.reference-blue:before{background:linear-gradient(145deg,#0979a7,#122c55 65%)}.reference-green:before{background:radial-gradient(circle at 52% 30%,#c9e4d7 0 16%,#0000 17%),linear-gradient(135deg,#a3cbb7,#4e8874)}.reference-paper:before{background:linear-gradient(135deg,#f0e6dc,#bcae9c)}.reference-food:before{background:radial-gradient(circle at 72% 28%,#ead8b2 0 20%,#0000 21%),linear-gradient(135deg,#c99f71,#76512e)}.reference-check{z-index:2;background:var(--violet);border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:7px;right:7px}.saved-panel{z-index:2;border:1px solid var(--line);background:#fff;border-radius:11px;width:148px;padding:12px;position:absolute;top:116px;right:0;box-shadow:0 17px 35px #2b1f4c21}.saved-panel header{justify-content:space-between;margin-bottom:.55rem;display:flex}.saved-panel header strong{font-size:.56rem}.saved-panel header small{background:#f3f1f6;border-radius:999px;padding:.15rem .34rem;font-size:.44rem}.saved-panel>div{grid-template-columns:23px 1fr auto;align-items:center;gap:.3rem;margin:.4rem 0;display:grid}.saved-thumb{color:#fff;border-radius:4px;place-items:center;height:23px;font-size:.4rem;display:grid;overflow:hidden}.saved-panel p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.46rem;line-height:1.15;overflow:hidden}.saved-panel svg{color:#e44878}.saved-panel button{color:#fff;background:var(--violet);border:0;border-radius:5px;width:100%;min-height:27px;margin-top:.55rem;font-size:.45rem}.landing-flow,.landing-detail,.landing-cta{width:min(1180px,100% - 3rem);margin-left:auto;margin-right:auto}.landing-flow{padding:38px 0 80px}.section-kicker{text-align:center;letter-spacing:-.06em;margin-bottom:1.6rem;font-weight:800;color:var(--ink)!important;font-size:1.45rem!important}.flow-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.flow-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;min-height:175px;padding:1.05rem .85rem;position:relative}.flow-icon{width:43px;height:43px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;margin:0 auto .55rem;display:grid}.flow-card small{color:var(--violet);font-size:.55rem;font-weight:800}.flow-card h2{margin:.35rem 0;font-size:.76rem}.flow-card p{margin:0;font-size:.56rem}.flow-arrow{z-index:1;color:#b9b4c2;position:absolute;top:50%;right:-1.65rem}.landing-detail{grid-template-columns:.8fr 1.2fr;align-items:center;gap:5rem;padding:55px 0 75px;display:grid}.small-pill{font-size:.52rem!important}.detail-copy h2{letter-spacing:-.075em;margin:1rem 0 1.5rem;font-size:clamp(1.9rem,3.2vw,3.2rem);line-height:1.2}.detail-copy ul{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.detail-copy li{grid-template-columns:19px 1fr;gap:.45rem;display:grid}.detail-copy li svg{color:var(--violet)}.detail-copy li strong{font-size:.69rem}.detail-copy li p{margin:.12rem 0 0;font-size:.57rem}.editor-preview{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 16px 35px #2b1f4c14}.editor-preview>header{border-bottom:1px solid #f0eef3;justify-content:space-between;align-items:center;min-height:36px;padding:0 .75rem;display:flex}.editor-preview>header strong{font-size:.58rem}.editor-preview>header div{color:#9b96a2;align-items:center;gap:.25rem;font-size:.45rem;display:flex}.editor-preview>header button{color:var(--violet);background:var(--violet-soft);border:0;border-radius:4px;font-size:.45rem}.editor-body{grid-template-columns:64px 1fr 116px;min-height:285px;display:grid}.editor-body ol{border-right:1px solid #f0eef3;align-content:start;gap:.25rem;margin:0;padding:.55rem .4rem;list-style:none;display:grid}.editor-body li{color:#898490;border-radius:4px;grid-template-columns:15px 1fr;align-items:center;gap:.25rem;min-height:38px;padding:.25rem;font-size:.4rem;display:grid}.editor-body li.active{color:var(--violet);background:var(--violet-soft)}.editor-body li b{color:#fff;background:#aaa1a0;place-items:center;width:14px;height:20px;font-size:.38rem;display:grid}.editor-canvas{color:#fff;background:linear-gradient(145deg,#12618d,#082845);flex-direction:column;justify-content:flex-end;margin:12px;padding:14px;display:flex;position:relative;overflow:hidden}.editor-canvas:after{content:"";border:1px solid #fff6;width:130px;height:190px;position:absolute;bottom:-50px;right:-24px;transform:rotate(15deg)}.editor-canvas small,.editor-canvas h3,.editor-canvas p{z-index:1;position:relative}.editor-canvas small{letter-spacing:.1em;margin-bottom:auto;font-size:.38rem}.editor-canvas h3{letter-spacing:-.08em;margin:0 0 .4rem;font-size:1.65rem;line-height:1.05}.editor-canvas p{color:#fff;margin:0;font-size:.48rem}.canvas-play{z-index:2;border:1px solid #fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.55rem;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.editor-body>aside{border-left:1px solid #f0eef3;padding:.65rem}.editor-body>aside p{white-space:nowrap;margin:0 0 1rem;font-size:.4rem}.editor-body>aside p b{color:var(--violet)}.editor-body>aside strong{margin:.6rem 0 .35rem;font-size:.45rem;display:block}.color-dots{gap:.2rem;display:flex}.color-dots i{background:#8d63ee;border-radius:50%;width:12px;height:12px}.color-dots i:nth-child(2){background:#dfe2ec}.color-dots i:nth-child(3){background:#f3d9a6}.color-dots i:nth-child(4){background:#6244d4}.color-dots i:nth-child(5){background:#a774ee}.font-select{border:1px solid #ece9f0;border-radius:4px;justify-content:space-between;align-items:center;min-height:23px;padding:0 .25rem;font-size:.42rem;display:flex}.editor-body>aside>button{color:#fff;background:var(--violet);border:0;border-radius:4px;width:100%;min-height:25px;margin-top:1rem;font-size:.44rem}.landing-cta{background:linear-gradient(115deg,#f8f6ff,#f1edff);border:1px solid #e7e1ff;border-radius:13px;grid-template-columns:.7fr 1.3fr;align-items:center;gap:2rem;min-height:200px;margin-bottom:70px;padding:2rem 4.5rem;display:grid}.cta-art{height:145px;position:relative}.cta-card{border-radius:11px;place-items:center;width:110px;height:76px;display:grid;position:absolute;bottom:10px;left:50%;transform:translate(-50%)rotate(-8deg)}.cta-card-back{background:#e6e0ff;margin:0 0 25px -15px}.cta-card-mid{background:#baa9fb;margin:0 0 12px 3px}.cta-card-front{color:#fff;background:linear-gradient(145deg,#8b6ff0,#5936d2);font-size:.72rem;font-weight:800;box-shadow:0 13px 21px #5231be40}.cta-social{z-index:1;box-sizing:content-box;color:#fff;border-radius:9px;padding:6px;position:absolute;box-shadow:0 7px 12px #2b1f4c24}.cta-instagram{background:linear-gradient(145deg,#f7a64c,#dc3174 60%,#7248c8);top:5px;left:30%}.cta-youtube{background:#f0444e;top:17px;right:30%;transform:rotate(-12deg)}.cta-file{background:#5ac654;top:42px;right:20%;transform:rotate(10deg)}.landing-cta p{color:var(--violet);letter-spacing:.1em;margin:0 0 .3rem;font-size:.5rem;font-weight:800}.landing-cta h2{letter-spacing:-.065em;margin:0 0 1rem;font-size:1.75rem;line-height:1.32}.app-shell{min-height:100svh}.app-sidebar{z-index:30;width:var(--sidebar);border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:1.45rem .75rem 1rem;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{justify-content:space-between;padding:0 .7rem 1.5rem;display:flex}.mobile-close,.menu-button{background:0 0;border:0;display:none}.workspace-switcher{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;grid-template-columns:29px 1fr auto;align-items:center;gap:.5rem;width:100%;min-height:55px;margin-bottom:1.3rem;padding:.6rem;display:grid}.workspace-switcher>span{width:29px;height:29px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;font-size:.55rem;font-weight:800;display:grid}.workspace-switcher strong,.workspace-switcher small{display:block}.workspace-switcher strong{font-size:.65rem}.workspace-switcher small{color:var(--violet);font-size:.48rem}.app-sidebar nav p{color:#aaa5b1;letter-spacing:.1em;margin:0 .7rem .45rem;font-size:.5rem;font-weight:800}.app-sidebar nav a{color:#635e6c;border-radius:7px;align-items:center;gap:.65rem;height:40px;padding:0 .7rem;font-size:.69rem;display:flex}.app-sidebar nav a.active{color:#fff;background:linear-gradient(110deg,var(--violet-2),var(--violet));box-shadow:0 7px 15px #6841e82e}.workspace-usage{border:1px solid var(--line);background:#fff;border-radius:8px;margin:auto .1rem 0;padding:.8rem .65rem}.workspace-usage>div,.workspace-usage p{justify-content:space-between;display:flex}.workspace-usage strong{font-size:.58rem}.workspace-usage a{color:var(--violet);font-size:.46rem}.workspace-usage p{margin:.55rem 0 .22rem;font-size:.48rem}.workspace-usage i{background:#efedf2;border-radius:999px;height:4px;display:block;overflow:hidden}.workspace-usage em{border-radius:inherit;background:var(--violet);height:100%;display:block}.workspace-upgrade{background:#f8f6ff;border:1px solid #e9e3ff;border-radius:9px;margin:.7rem .1rem 0;padding:.8rem .7rem}.workspace-upgrade svg{color:#efb42a}.workspace-upgrade strong{color:var(--violet);margin-top:.35rem;font-size:.58rem;display:block}.workspace-upgrade p{margin:.3rem 0 .55rem;font-size:.5rem}.workspace-upgrade a{min-height:27px;color:var(--violet);background:#fff;border:1px solid #e1daff;border-radius:5px;justify-content:center;align-items:center;gap:.3rem;font-size:.5rem;font-weight:800;display:flex}.app-main{min-height:100svh;margin-left:var(--sidebar)}.app-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;height:70px;padding:0 2.6rem;display:flex;position:sticky;top:0}.topbar-title{letter-spacing:-.05em;align-items:center;gap:.6rem;font-size:1.05rem;font-weight:800;display:flex}.topbar-actions{align-items:center;gap:.65rem;display:flex}.search-box{background:#fff;border:1px solid #e5e2ea;border-radius:7px;align-items:center;gap:.45rem;width:min(510px,36vw);height:39px;padding:0 .7rem;display:flex}.search-box input{border:0;min-width:0;font-size:.62rem}.icon-button{color:#5d5866;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.app-content{background:linear-gradient(110deg,#fff,#fbfaff);padding:1.5rem 2.7rem 3rem}.workspace-dashboard{max-width:1440px;margin:0 auto}.workspace-welcome{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.workspace-welcome h1{letter-spacing:-.055em;margin:0 0 .22rem;font-size:1.1rem}.workspace-welcome p{margin:0;font-size:.64rem}.workspace-create{color:#fff!important;background:var(--violet)!important;min-height:34px!important;padding:0 .75rem!important;font-size:.6rem!important}.workspace-metrics{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.85rem;display:grid}.workspace-metric{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:.7rem;min-height:89px;padding:.9rem;display:flex}.metric-icon{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.metric-icon.blue{color:#387ee9;background:#edf4ff}.metric-icon.purple{color:#b052e6;background:#faf0ff}.metric-icon.orange{color:#eca42a;background:#fff6e3}.metric-icon.lavender{color:#7658e9;background:#f2efff}.workspace-metric small,.workspace-metric strong,.workspace-metric p{display:block}.workspace-metric small{font-size:.54rem}.workspace-metric strong{margin:.1rem 0;font-size:1.1rem;line-height:1}.workspace-metric p{color:#3dad71;margin:0;font-size:.47rem}.workspace-grid{grid-template-columns:1.28fr 1.08fr .82fr;gap:.75rem;display:grid}.workspace-panel{border:1px solid var(--line);background:#fff;border-radius:9px;min-width:0;overflow:hidden}.workspace-panel-head{border-bottom:1px solid #f1eff4;justify-content:space-between;align-items:center;min-height:42px;padding:0 .8rem;display:flex}.workspace-panel-head strong{font-size:.64rem}.workspace-panel-head a{color:var(--violet);font-size:.48rem;font-weight:800}.recent-panel{grid-row:span 2}.project-list{padding:.15rem .8rem .6rem}.project-list>a{border-bottom:1px solid #f2f0f4;grid-template-columns:61px minmax(0,1fr) auto 13px;align-items:center;gap:.55rem;min-height:70px;display:grid}.project-list-art{color:#fff;background:linear-gradient(135deg,#9bc6b1,#4f8d75);border-radius:5px;place-items:center;height:45px;font-size:.58rem;font-weight:800;display:grid}.project-list-art.art-1{background:linear-gradient(135deg,#e5bfaf,#bd755b)}.project-list-art.art-2{background:linear-gradient(135deg,#3678a8,#153054)}.project-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.6rem;display:block;overflow:hidden}.project-list p{text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0;font-size:.5rem;overflow:hidden}.project-list small{color:#aaa4af;font-size:.44rem}.project-list .status-badge{font-size:.42rem}.project-list svg{color:#aaa4af}.outputs-panel{grid-column:span 2}.output-strip{grid-template-columns:repeat(4,1fr);gap:.55rem;min-height:180px;padding:.75rem;display:grid}.output-thumb{color:#fff;background:linear-gradient(145deg,#e9ded5,#9e8878);border-radius:5px;flex-direction:column;justify-content:space-between;min-width:0;min-height:150px;padding:.65rem;display:flex;overflow:hidden}.output-1{background:linear-gradient(145deg,#0f608e,#132c50)}.output-2{color:#29242b;background:linear-gradient(145deg,#efe1d0,#d7b17e)}.output-3{color:#423b25;background:linear-gradient(145deg,#eaebc7,#a7a278)}.output-thumb small{text-transform:uppercase;font-size:.43rem}.output-thumb strong{font-size:.78rem;line-height:1.25}.output-thumb span{font-size:.43rem}.output-empty{min-height:150px;color:var(--violet);text-align:center;border:1px dashed #ddd8e9;border-radius:6px;grid-column:1/-1;align-content:center;place-items:center;gap:.35rem;display:grid}.output-empty strong{color:#413b4b;font-size:.65rem}.output-empty span{color:#88828f;font-size:.5rem}.compact-panel{min-height:168px}.quick-panel{grid-column:2}.keywords-panel,.activity-panel{grid-column:3}.quick-links{padding:.15rem .8rem}.quick-links>a{min-height:40px;color:var(--violet);border-bottom:1px solid #f2f0f4;grid-template-columns:17px 1fr 13px;align-items:center;gap:.45rem;display:grid}.quick-links strong,.quick-links small{display:block}.quick-links strong{color:#4d4856;font-size:.52rem}.quick-links small{color:#98929e;font-size:.43rem}.keywords-panel ol{gap:.23rem;margin:0;padding:.5rem .75rem;list-style:none;display:grid}.keywords-panel li{background:#f5f3f8;border-radius:99px;grid-template-columns:16px 1fr auto;align-items:center;gap:.3rem;min-height:20px;padding:0 .3rem;display:grid}.keywords-panel b{background:#e6e2eb;border-radius:50%;place-items:center;width:15px;height:15px;font-size:.38rem;display:grid}.keywords-panel a,.keywords-panel span{font-size:.47rem}.activity-panel ul{gap:.45rem;margin:0;padding:.5rem .75rem;list-style:none;display:grid}.activity-panel li{grid-template-columns:23px 1fr;align-items:center;gap:.4rem;display:grid}.activity-panel li>span{width:23px;height:23px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;font-size:.4rem;font-weight:800;display:grid}.activity-panel strong,.activity-panel small{display:block}.activity-panel strong{color:#514c59;text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;overflow:hidden}.activity-panel small{color:#aaa5af;font-size:.42rem}.workspace-empty{text-align:center;align-content:center;place-items:center;min-height:230px;padding:1.5rem;display:grid}.workspace-empty svg{color:var(--violet)}.workspace-empty strong{margin-top:.6rem;font-size:.68rem}.workspace-empty p{margin:.3rem 0 .7rem;font-size:.55rem}.workspace-empty a{color:var(--violet);align-items:center;gap:.25rem;font-size:.54rem;font-weight:800;display:flex}.workspace-bottom-cta{background:linear-gradient(110deg,#faf8ff,#f3f0ff);border:1px solid #e5defe;border-radius:9px;grid-template-columns:150px minmax(230px,1.1fr) 1.65fr;align-items:center;gap:1rem;min-height:135px;margin-top:.75rem;padding:1rem 1.5rem;display:grid}.workspace-cta-art{height:105px;position:relative}.workspace-cta-art i{background:#b6a3fb;border-radius:8px;width:77px;height:61px;position:absolute;top:25px;left:30px;transform:rotate(8deg)}.workspace-cta-art b{color:#fff;background:linear-gradient(135deg,#9a7ffa,#5632d0);border-radius:8px;place-items:center;width:78px;height:61px;font-size:.55rem;display:grid;position:absolute;top:35px;left:37px;transform:rotate(-6deg)}.workspace-cta-art span{z-index:2;color:#f8a62e;font-size:1.55rem;position:absolute;top:3px;left:23px}.workspace-bottom-cta p{color:var(--violet);letter-spacing:.09em;margin:0 0 .25rem;font-size:.44rem;font-weight:800}.workspace-bottom-cta h2{letter-spacing:-.06em;margin:0 0 .65rem;font-size:1.25rem;line-height:1.3}.workspace-bottom-cta h2 em{color:var(--violet);font-style:normal}.workspace-bottom-cta ol{grid-template-columns:repeat(3,1fr);gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.workspace-bottom-cta li{background:#fff;border:1px solid #eae6f2;border-radius:7px;align-content:center;min-height:70px;padding:.6rem;display:grid}.workspace-bottom-cta li span{color:var(--violet);font-size:.43rem;font-weight:800}.workspace-bottom-cta li strong{color:#4a4452;margin:.18rem 0;font-size:.5rem}.workspace-bottom-cta li small{color:#88818f;font-size:.42rem}.filter-bar,.projects-table,.brand-layout,.template-grid,.template-note,.settings-stack,.project-wizard,.workspace-page{max-width:1440px;margin-left:auto;margin-right:auto}.filter-bar{border:1px solid var(--line);background:#fff;border-radius:8px;gap:.3rem;margin-bottom:1rem;padding:.45rem;display:flex}.filter-bar button{color:#6c6774;background:0 0;border:0;border-radius:5px;min-height:30px;padding:0 .6rem;font-size:.56rem}.filter-bar button.active{color:var(--violet);background:var(--violet-soft)}.filter-end{margin-left:auto}.projects-table{border:1px solid var(--line);background:#fff;border-radius:9px;overflow:hidden}.projects-table>a{border-bottom:1px solid #f0eef3;grid-template-columns:40px 1fr 90px auto 95px 18px;align-items:center;gap:.75rem;min-height:65px;padding:0 1rem;font-size:.58rem;display:grid}.project-index{width:31px;height:31px;color:var(--violet);background:var(--violet-soft);border-radius:6px;place-items:center;font-size:.5rem;font-weight:800;display:grid}.project-title-cell strong,.project-title-cell small{display:block}.project-title-cell strong{font-size:.65rem}.project-title-cell small{color:var(--muted);margin-top:.15rem;font-size:.5rem}.projects-table time{color:var(--muted);font-size:.5rem}.form-section{border:1px solid var(--line);background:#fff;border-radius:9px;grid-template-columns:190px 1fr;gap:1.5rem;padding:1.3rem;display:grid}.brand-form{gap:.75rem;display:grid}.form-section-title>span{width:27px;height:27px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;font-size:.5rem;font-weight:800;display:grid}.form-section-title h2{margin:.55rem 0 .25rem;font-size:.78rem}.form-section-title p{font-size:.57rem}.form-fields{min-width:0}.field{gap:.35rem;margin-bottom:.85rem;display:grid}.field>span{color:#585360;font-size:.57rem;font-weight:700}.field input,.field textarea,.field select,.search-input-row{background:#fff;border:1px solid #e2dfe8;border-radius:6px;min-height:38px;padding:.55rem .65rem;font-size:.62rem}.field textarea{resize:vertical}.field-error{color:var(--danger);font-size:.5rem}.field-grid{gap:.75rem;display:grid}.field-grid.two{grid-template-columns:repeat(2,1fr)}.field-grid.three{grid-template-columns:repeat(3,1fr)}.choice-grid{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.choice-grid button{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:37px;padding:.4rem;font-size:.55rem}.choice-grid button.selected{color:var(--violet);background:var(--violet-soft);border-color:#cfc3ff}.check-row,.tag-row{flex-wrap:wrap;gap:.45rem;display:flex}.check-row label,.tag-row span{background:#f5f3f8;border-radius:5px;padding:.32rem .45rem;font-size:.52rem}.palette-picker{gap:.45rem;display:flex}.palette-picker button{color:#fff;border:2px solid #0000;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.palette-picker button.selected{border-color:var(--ink)}.logo-upload{min-height:70px;color:var(--violet);border:1px dashed #d8d3e2;border-radius:7px;align-items:center;gap:.65rem;padding:.8rem;display:flex}.logo-upload input{display:none}.logo-upload strong,.logo-upload small{display:block}.logo-upload strong{font-size:.6rem}.logo-upload small{color:var(--muted);font-size:.48rem}.sticky-save{border:1px solid var(--line);background:#fffffff0;border-radius:8px;justify-content:space-between;align-items:center;padding:.7rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 8px 20px #251d3e14}.brand-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1rem;display:grid}.brand-preview{border:1px solid var(--line);background:#fff;border-radius:9px;height:fit-content;position:sticky;top:88px;overflow:hidden}.brand-preview>.page-eyebrow{border-bottom:1px solid var(--line);margin:0;padding:1rem}.voice-card{color:#fff;background:linear-gradient(145deg,#6d46e8,#282148);flex-direction:column;min-height:330px;padding:1.5rem;display:flex}.voice-logo{width:43px;height:43px;color:var(--ink);background:var(--brand-color);border-radius:50%;place-items:center;display:grid;overflow:hidden}.voice-logo img{object-fit:cover;width:100%;height:100%}.voice-card>span{margin:auto 0 .6rem;font-size:.52rem}.voice-card h2{letter-spacing:-.06em;margin:0 0 .7rem;font-size:1.5rem;line-height:1.1}.voice-card p{color:#e4dcff;font-size:.62rem}.voice-card button{width:fit-content;min-height:30px;color:var(--violet);background:#fff;border:0;border-radius:5px;font-size:.55rem}.voice-card small{color:#d5cbff;margin-top:1rem;font-size:.48rem}.voice-details{gap:.8rem;padding:.9rem;display:grid}.voice-details span,.voice-details strong{display:block}.voice-details span{color:var(--muted);font-size:.48rem}.voice-details strong{margin-top:.2rem;font-size:.58rem}.voice-details p{margin:.2rem 0 0;font-size:.53rem}.mini-palette{gap:.25rem;margin-top:.35rem;display:flex}.mini-palette i{border-radius:3px;width:22px;height:13px}.project-wizard{border:1px solid var(--line);background:#fff;border-radius:10px}.wizard-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.wizard-header h1{letter-spacing:-.06em;margin:0;font-size:1.45rem}.wizard-progress{width:180px}.wizard-progress>div{background:#ece9f0;border-radius:99px;height:4px;overflow:hidden}.wizard-progress i{background:var(--violet);height:100%;display:block}.wizard-progress span{color:var(--muted);text-align:right;margin-top:.35rem;font-size:.5rem;display:block}.wizard-body{grid-template-columns:210px 1fr;display:grid}.wizard-steps{border-right:1px solid var(--line);padding:1rem}.wizard-steps button{text-align:left;opacity:.45;background:0 0;border:0;border-radius:6px;grid-template-columns:26px 1fr;align-items:center;gap:.45rem;width:100%;padding:.7rem;display:grid}.wizard-steps button.active{color:var(--violet);background:var(--violet-soft);opacity:1}.wizard-steps button.complete{opacity:1}.wizard-steps button>span{background:#ebe7f4;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.48rem;display:grid}.wizard-steps strong,.wizard-steps small{display:block}.wizard-steps strong{font-size:.58rem}.wizard-steps small{color:var(--muted);margin-top:.1rem;font-size:.46rem}.wizard-panel{padding:2rem}.wizard-form-block{max-width:850px;margin:0 auto}.step-number{color:var(--violet);letter-spacing:.1em;font-size:.53rem;font-weight:800}.wizard-form-block h2{letter-spacing:-.06em;margin:.5rem 0 1.4rem;font-size:1.5rem}.step-description{font-size:.65rem}.trend-search-box{border:1px solid var(--line);background:#fbfaff;border-radius:8px;padding:1rem}.search-input-row{align-items:center;gap:.5rem;height:auto;padding:.25rem .3rem .25rem .7rem;display:flex}.search-input-row input{background:0 0;border:0}.search-input-row button{color:#fff;background:var(--violet);border:0;border-radius:5px;min-height:31px;padding:0 .7rem;font-size:.55rem}.trend-source-selector{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem;display:grid}.trend-source-selector button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:6px;align-items:center;gap:.45rem;padding:.7rem;display:flex}.trend-source-selector button.selected{color:var(--violet);background:var(--violet-soft);border-color:#cec1ff}.trend-source-selector strong,.trend-source-selector small{display:block}.trend-source-selector strong{font-size:.55rem}.trend-source-selector small{font-size:.45rem}.trend-notice{background:#eff8f1;border-radius:6px;gap:.5rem;padding:.75rem;font-size:.56rem;display:flex}.trend-notice.demo{background:#fff7e9}.trend-results{margin-top:1rem}.trend-results-head{justify-content:space-between;margin-bottom:.5rem;font-size:.5rem;display:flex}.trend-results-scroll{max-height:580px;padding-right:.35rem;overflow:auto}.trend-candidate-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.trend-candidate-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.85rem}.trend-candidate-grid article.selected{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.trend-candidate-grid header,.trend-candidate-grid footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.trend-candidate-grid header span,.trend-candidate-grid footer a{color:var(--muted);align-items:center;gap:.25rem;font-size:.48rem;display:flex}.trend-candidate-grid header strong{width:27px;height:27px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;font-size:.54rem;display:grid}.trend-candidate-grid h3{margin:.65rem 0 .3rem;font-size:.7rem}.trend-candidate-grid p,.trend-candidate-grid blockquote{font-size:.54rem}.trend-candidate-grid blockquote{border-left:2px solid var(--violet);background:#faf9ff;margin:.6rem 0;padding:.6rem}.signal-row{flex-wrap:wrap;gap:.25rem;display:flex}.signal-row i{background:#f3f1f6;border-radius:99px;padding:.22rem .35rem;font-size:.42rem;font-style:normal}.trend-candidate-grid footer button{color:#fff;background:var(--violet);border:0;border-radius:5px;min-height:28px;padding:0 .55rem;font-size:.48rem}.applied-trend,.direction-summary,.generation-note,.bgm-note{border-left:3px solid var(--violet);background:#f7f5ff;padding:.85rem}.format-selector,.visual-template-grid{grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.format-selector button,.visual-template-grid>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:7px;min-height:92px;padding:.65rem}.format-selector button.selected,.visual-template-grid>button.selected{color:var(--violet);background:#faf8ff;border-color:#cbbdff}.custom-template-builder{border:1px solid var(--line);background:#fbfaff;border-radius:8px;grid-template-columns:1fr 220px;gap:1rem;padding:1rem;display:grid}.template-preview{aspect-ratio:4/5;color:var(--template-fg);background:var(--template-bg);flex-direction:column;justify-content:flex-end;padding:.8rem;display:flex;position:relative;overflow:hidden}.template-preview strong{font-size:1rem}.pattern-gradient{background:linear-gradient(145deg,var(--pattern-bg),var(--pattern-accent))}.pattern-grid{background-color:var(--pattern-bg);background-image:linear-gradient(#0000001a 1px,#0000 1px),linear-gradient(90deg,#0000001a 1px,#0000 1px);background-size:15px 15px}.pattern-paper{background:repeating-linear-gradient(0deg,var(--pattern-bg),var(--pattern-bg) 18px,#0000000f 19px)}.pattern-dark{background:radial-gradient(circle at 80% 20%,var(--pattern-accent),transparent 35%),var(--pattern-bg)}.wizard-footer{border-top:1px solid var(--line);justify-content:space-between;padding-top:1rem;display:flex}.generation-screen{text-align:center;align-content:center;place-items:center;min-height:60vh;display:grid}.generation-screen h1{font-size:1.6rem}.generation-orbit{border:1px solid var(--line);color:#fff;background:var(--violet);border-radius:50%;place-items:center;width:120px;height:120px;display:grid}.generation-progress{background:#e9e6ef;width:min(420px,80vw);height:4px}.generation-progress i{background:var(--violet);height:100%;display:block}.generation-screen ol{grid-template-columns:repeat(2,1fr);gap:.4rem;font-size:.55rem;list-style:none;display:grid}.workspace-page{margin-top:-.5rem}.project-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.project-heading{align-items:center;gap:.7rem;min-width:0;display:flex}.project-heading>a{border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.project-heading h1{text-overflow:ellipsis;white-space:nowrap;margin:.25rem 0 0;font-size:1.05rem;overflow:hidden}.project-heading span{color:var(--muted);font-size:.5rem}.project-actions{align-items:center;gap:.4rem;display:flex}.project-actions select{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:34px;padding:0 .6rem;font-size:.55rem}.workspace-status{border:1px solid var(--line);background:#fff;border-radius:7px;justify-content:space-between;margin:.9rem 0;padding:.55rem .7rem;font-size:.55rem;display:flex}.workspace-status>span{color:var(--muted)}.workspace-status button{color:var(--violet);background:0 0;border:0;font-size:.52rem}.project-source-strip{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1.2fr .8fr;margin-bottom:.75rem;display:grid}.project-source-strip>div{border-right:1px solid var(--line);align-items:center;gap:.4rem;padding:.65rem;display:flex}.project-source-strip strong{text-overflow:ellipsis;white-space:nowrap;font-size:.56rem;overflow:hidden}.project-source-strip span,.project-source-strip small{color:var(--muted);font-size:.45rem}.project-source-strip a{color:var(--violet);margin-left:auto;font-size:.48rem}.strategy-panel,.content-workspace{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:.75rem}.strategy-panel{padding:1rem}.strategy-title{margin:0 0 .8rem;font-size:.8rem}.strategy-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.strategy-grid>div{border-right:1px solid var(--line);padding:.75rem}.strategy-grid span{color:var(--muted);font-size:.46rem}.strategy-grid strong{margin-top:.3rem;font-size:.58rem;display:block}.strategy-grid p{font-size:.51rem}.content-tabs{border-bottom:1px solid var(--line);gap:.2rem;padding:.55rem;display:flex;overflow:auto}.content-tabs button{min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:0 .6rem;font-size:.54rem}.content-tabs button.active{color:var(--violet);background:var(--violet-soft)}.editor-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem;display:flex}.editor-toolbar strong{font-size:.6rem}.editor-controls{gap:.35rem;display:flex}.editor-controls button,.editor-controls select{border:1px solid var(--line);background:#fff;border-radius:5px;min-height:30px;padding:0 .5rem;font-size:.48rem}.card-editor{grid-template-columns:170px minmax(300px,1fr) 250px;min-height:500px;display:grid}.slide-list,.inspector{overflow:auto}.slide-list{border-right:1px solid var(--line)}.slide-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0eef3;grid-template-columns:25px 1fr;gap:.45rem;width:100%;min-height:64px;padding:.55rem;display:grid}.slide-list>button.active{background:var(--violet-soft)}.slide-list strong,.slide-list small{display:block}.slide-list strong{font-size:.52rem}.slide-list small{color:var(--muted);font-size:.43rem}.canvas-area{background:#f6f5f8;flex-direction:column;align-items:center;padding:1rem;display:flex}.card-canvas{aspect-ratio:1;width:min(100%,490px);color:var(--canvas-fg);background:var(--canvas-bg);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #241d3c1f}.card-canvas h2{letter-spacing:-.08em;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1}.card-canvas p{color:inherit;font-size:.62rem}.inspector{border-left:1px solid var(--line);padding:1rem}.inspector-head{justify-content:space-between;display:flex}.inspector-head strong{font-size:.62rem}.inspector label{gap:.3rem;margin:.65rem 0;font-size:.52rem;display:grid}.inspector input,.inspector textarea,.inspector select{border:1px solid var(--line);border-radius:5px;min-height:33px;padding:.45rem;font-size:.55rem}.document-editor,.social-editor{min-height:500px}.document-bar,.social-platforms{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:45px;padding:0 .8rem;display:flex}.document-bar button,.social-platforms button{background:0 0;border:0;border-radius:5px;padding:.35rem .55rem;font-size:.5rem}.document-bar button.active,.social-platforms button.active{color:var(--violet);background:var(--violet-soft)}.blog-form,.markdown-preview{padding:2rem max(1rem,8%)}.blog-form>label{gap:.35rem;margin-bottom:1rem;display:grid}.blog-section-block{border-top:1px solid var(--line);padding:1rem 0}.shorts-editor{grid-template-columns:.8fr 1.2fr;gap:1.5rem;min-height:500px;padding:1rem;display:grid}.shorts-preview-wrap{flex-direction:column;align-items:center;display:flex}.shorts-preview{aspect-ratio:9/16;width:min(100%,300px);color:var(--short-fg);background:var(--short-bg);flex-direction:column;justify-content:space-between;padding:1.2rem;display:flex;position:relative;overflow:hidden}.shorts-preview h2{letter-spacing:-.07em;font-size:2.2rem;line-height:1}.timeline{width:100%;display:flex}.timeline button{border:0;border-top:2px solid var(--line);background:0 0;flex:1;min-height:30px;font-size:.48rem}.timeline button.active{color:var(--violet);border-color:var(--violet)}.audio-studio{border:1px solid var(--line);background:#faf9ff;border-radius:7px;margin:1rem 0;padding:.8rem}.audio-control-grid,.social-variants{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.audio-control-grid label,.social-variants label{gap:.25rem;font-size:.5rem;display:grid}.audio-control-grid select,.social-variants input,.social-variants textarea{border:1px solid var(--line);background:#fff;border-radius:5px;min-height:32px;padding:.4rem;font-size:.52rem}.social-variants{grid-template-columns:repeat(3,1fr);padding:.8rem}.social-variants article{border:1px solid var(--line);border-radius:6px;padding:.75rem}.social-variants header{justify-content:space-between;gap:.3rem;display:flex}.social-variants header input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}.social-variants header button{background:0 0;border:0}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d182a57;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:10px;width:min(620px,100%);max-height:calc(100svh - 2rem);padding:1.2rem;overflow:auto;box-shadow:0 20px 60px #19112f38}.dialog header,.history-drawer header{justify-content:space-between;display:flex}.dialog h2,.history-drawer h2{font-size:1.1rem}.dialog header button,.history-drawer header button{border:1px solid var(--line);background:#fff;border-radius:50%;width:28px;height:28px}.export-options>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:26px 1fr auto;align-items:center;gap:.55rem;width:100%;min-height:58px;padding:.7rem;display:grid}.export-options strong{font-size:.58rem}.export-options span{color:var(--muted);font-size:.48rem}.history-drawer{background:#fff;width:min(400px,100%);padding:1.2rem;position:absolute;inset:0 0 0 auto;overflow:auto}.history-drawer ol{padding:0;list-style:none}.history-drawer li{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:.5rem;padding:.8rem 0;display:grid}.history-drawer strong{font-size:.58rem}.history-drawer time{color:var(--muted);font-size:.45rem}.template-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.template-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;padding:.8rem}.template-artwork{min-height:210px;color:var(--pattern-fg);background:var(--pattern-bg);flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:relative;overflow:hidden}.template-artwork strong{font-size:1.35rem;line-height:1.05}.template-grid h2{font-size:.78rem}.template-grid p,.template-grid small{font-size:.53rem}.template-note{background:var(--violet-soft);border-radius:8px;gap:.7rem;margin-top:.8rem;padding:1rem;display:flex}.settings-stack{gap:.7rem;display:grid}.settings-stack>section{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:38px 1fr;gap:.7rem;padding:1rem;display:grid}.settings-icon{width:36px;height:36px;color:var(--violet);background:var(--violet-soft);border-radius:50%;place-items:center;display:grid}.settings-stack h2{margin:0 0 .3rem;font-size:.75rem}.settings-stack p{margin:0 0 .5rem;font-size:.57rem}.settings-stack span{color:#2f9a64;font-size:.52rem}.settings-stack code{background:#f3f1f6;border-radius:3px;padding:.12rem .25rem}.missing-project{text-align:center;align-content:center;place-items:center;min-height:55vh;display:grid}.missing-project>span{color:var(--violet);font-size:3.5rem}@media (max-width:1100px){.landing-hero{grid-template-columns:1fr;padding-top:120px}.product-preview{width:min(700px,100%);margin:auto}.landing-detail{grid-template-columns:1fr;gap:2rem}.workspace-grid{grid-template-columns:1fr 1fr}.outputs-panel{grid-column:span 1}.recent-panel{grid-row:span 1}.quick-panel{grid-column:1}.keywords-panel,.activity-panel{grid-column:2}.workspace-bottom-cta{grid-template-columns:140px 1fr}.workspace-bottom-cta ol{grid-column:1/-1}.brand-layout{grid-template-columns:1fr}.brand-preview{position:static}.card-editor{grid-template-columns:150px 1fr}.inspector{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}.strategy-grid{grid-template-columns:repeat(2,1fr)}.social-variants{grid-template-columns:1fr}}@media (max-width:760px){.landing-nav{height:64px;padding:0 1rem}.landing-nav nav,.landing-nav-actions>a:first-child{display:none}.landing-nav-actions{gap:0}.landing-hero{padding:100px 1.2rem 40px}.hero-copy h1{font-size:clamp(2.55rem,12.5vw,4.1rem)}.product-preview{min-height:350px}.product-window{grid-template-columns:60px 1fr;right:15px}.product-sidebar{padding:12px 7px}.product-sidebar>div{gap:8px;margin-top:20px}.product-sidebar>small{font-size:.35rem}.reference-card{min-height:115px}.reference-card strong{font-size:.48rem}.saved-panel{width:115px;padding:9px;top:100px}.saved-panel>div:nth-of-type(n+4){display:none}.landing-flow,.landing-detail,.landing-cta{width:calc(100% - 2.4rem)}.flow-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.flow-arrow{display:none}.landing-detail{padding:40px 0}.editor-body{grid-template-columns:54px 1fr}.editor-body>aside{display:none}.landing-cta{grid-template-columns:1fr;margin-bottom:40px;padding:1.3rem}.cta-art{display:none}.app-sidebar{transition:transform .2s;transform:translate(-100%)}.app-sidebar.is-open{transform:translate(0)}.sidebar-scrim{z-index:25;background:#1a142c40;border:0;position:fixed;inset:0}.app-main{margin-left:0}.app-topbar{height:62px;padding:0 1rem}.menu-button,.mobile-close{place-items:center;display:grid}.search-box,.help-button{display:none}.app-content{padding:1.1rem 1rem 2rem}.topbar-title{font-size:.92rem}.workspace-welcome{align-items:flex-start}.workspace-metrics{grid-template-columns:repeat(2,1fr);gap:.55rem}.workspace-metric{min-height:78px;padding:.65rem}.metric-icon{width:34px;height:34px}.workspace-grid{grid-template-columns:1fr}.workspace-panel,.outputs-panel,.quick-panel,.keywords-panel,.activity-panel{grid-column:auto}.output-strip{grid-template-columns:repeat(2,1fr)}.workspace-bottom-cta{grid-template-columns:1fr;padding:1rem}.workspace-cta-art{display:none}.workspace-bottom-cta ol{grid-template-columns:1fr}.workspace-switcher,.workspace-usage,.workspace-upgrade{display:none}.page-header{flex-direction:column;align-items:flex-start}.projects-table>a{grid-template-columns:35px 1fr auto}.projects-table>a>span:not(.project-index),.projects-table time,.projects-table>a>svg{display:none}.form-section{grid-template-columns:1fr;padding:1rem}.field-grid.two,.field-grid.three,.choice-grid,.trend-source-selector,.trend-candidate-grid,.format-selector,.visual-template-grid,.audio-control-grid{grid-template-columns:1fr}.wizard-header{flex-direction:column;align-items:flex-start}.wizard-progress{width:100%}.wizard-body{grid-template-columns:1fr}.wizard-steps{border-right:0;border-bottom:1px solid var(--line);padding:.65rem;display:flex;overflow:auto}.wizard-steps button{text-align:center;min-width:74px;display:block}.wizard-steps button>span{margin:auto}.wizard-steps button div{display:none}.wizard-panel{padding:1.2rem}.custom-template-builder{grid-template-columns:1fr}.project-header{flex-direction:column;align-items:flex-start}.project-actions{width:100%;overflow:auto}.project-actions>*{flex:none}.project-source-strip,.strategy-grid{grid-template-columns:1fr}.project-source-strip>div,.strategy-grid>div{border-right:0;border-bottom:1px solid var(--line)}.card-editor,.shorts-editor{flex-direction:column;display:flex}.slide-list{border-right:0;border-bottom:1px solid var(--line);max-height:160px}.inspector{border-left:0}.social-variants,.template-grid{grid-template-columns:1fr}.dialog{padding:1rem}}.reference-page{max-width:1440px;margin:0 auto}.reference-heading{margin-bottom:1rem}.reference-heading h1{letter-spacing:-.06em;margin:0 0 .24rem;font-size:1.14rem}.reference-heading p{margin:0;font-size:.62rem}.reference-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:56px;margin:0 -2.7rem 1.25rem;padding:0 2.7rem;display:flex}.reference-toolbar nav,.reference-toolbar>div{align-items:center;gap:.5rem;display:flex}.reference-toolbar nav button{color:#5f5968;background:0 0;border:0;border-radius:6px;align-items:center;gap:.32rem;min-height:34px;padding:0 .65rem;font-size:.58rem;display:flex}.reference-toolbar nav button.active{color:var(--violet);background:var(--violet-soft);font-weight:800}.reference-toolbar nav b{background:#f1eff5;border-radius:99px;padding:.08rem .3rem;font-size:.48rem}.reference-toolbar .active b{background:#e0d9ff}.all-dot{color:var(--violet)}.filter-toggle,.sort-toggle{color:#4f4a57;background:#fff;border:1px solid #e3e0e8;border-radius:6px;align-items:center;gap:.35rem;min-height:33px;padding:0 .7rem;font-size:.56rem;display:flex}.reference-layout{grid-template-columns:210px minmax(0,1fr);gap:1.5rem;display:grid}.reference-filter{border:1px solid var(--line);background:#fff;border-radius:8px;height:fit-content;overflow:hidden}.reference-filter>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:42px;padding:0 .8rem;display:flex}.reference-filter>header strong{font-size:.62rem}.reference-filter>header button{color:var(--violet);background:0 0;border:0;font-size:.5rem}.filter-group,.filter-keywords,.filter-select{border-bottom:1px solid var(--line);padding:.85rem .8rem}.filter-group h2,.filter-keywords h2,.filter-select h2{margin:0 0 .65rem;font-size:.56rem}.filter-group label{color:#57515f;grid-template-columns:14px 16px 1fr auto;align-items:center;gap:.3rem;min-height:25px;font-size:.54rem;display:grid}.filter-group input{opacity:0;pointer-events:none;position:absolute}.filter-group label>span{color:#fff;border:1px solid #c7c1d1;border-radius:3px;place-items:center;width:14px;height:14px;display:grid}.filter-group input:checked+span{border-color:var(--violet);background:var(--violet)}.filter-group small{color:#8c8693;font-size:.48rem}.filter-keywords label{color:#96909e;border:1px solid #e4e1e9;border-radius:5px;align-items:center;gap:.3rem;height:31px;padding:0 .45rem;display:flex}.filter-keywords input{border:0;min-width:0;font-size:.5rem}.filter-keywords>div{flex-wrap:wrap;gap:.3rem;margin-top:.55rem;display:flex}.filter-keywords>div button{color:var(--violet);background:#f4f1ff;border:1px solid #e3ddff;border-radius:99px;padding:.22rem .42rem;font-size:.46rem}.filter-keywords>a{color:var(--violet);margin-top:.55rem;font-size:.48rem;display:inline-block}.filter-select button{color:#77717e;background:#fff;border:1px solid #e3e0e8;border-radius:5px;justify-content:space-between;align-items:center;width:100%;min-height:31px;padding:0 .45rem;font-size:.5rem;display:flex}.reference-results>header{justify-content:space-between;align-items:center;min-height:33px;margin-bottom:.55rem;display:flex}.reference-results>header p{margin:0;font-size:.59rem}.reference-results>header strong{color:var(--violet)}.reference-results>header div{border:1px solid var(--line);background:#fff;border-radius:6px;gap:.18rem;padding:.2rem;display:flex}.reference-results>header button{color:#77717e;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:27px;display:grid}.reference-results>header button.active{color:var(--violet);background:var(--violet-soft)}.reference-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.reference-library-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.reference-art{color:#fff;background:#9e9696;align-items:flex-end;min-height:183px;padding:.75rem;display:flex;position:relative;overflow:hidden}.reference-art:before{content:"";position:absolute;inset:0}.reference-art>svg,.reference-art>strong,.reference-art>span,.reference-duration{z-index:1;position:relative}.reference-art>svg{position:absolute;top:.55rem;right:.55rem}.reference-art>strong{letter-spacing:-.06em;text-shadow:0 1px 8px #0000002e;max-width:86%;font-size:1rem;line-height:1.3}.reference-art-green:before{background:linear-gradient(155deg,#32574a1a,#2d433994),radial-gradient(circle at 52% 42%,#d6eadc 0 13%,#0000 14%),linear-gradient(135deg,#b4d6c1,#4b8068)}.reference-art-peach:before{background:linear-gradient(155deg,#e4a9a01a,#c0797566),radial-gradient(circle at 34% 34%,#ffe5d8 0 25%,#0000 26%),linear-gradient(135deg,#f0cfc7,#d88b83)}.reference-art-charcoal:before{background:linear-gradient(155deg,#2d26230d,#201c1aa6),linear-gradient(135deg,#a29688,#4d4540)}.reference-art-food:before{background:linear-gradient(155deg,#ffffff0d,#4c413166),radial-gradient(circle at 70% 35%,#f4efd6 0 17%,#0000 18%),linear-gradient(135deg,#d9cfab,#969569)}.reference-art-pink:before{background:linear-gradient(155deg,#ffffff14,#b0566859),linear-gradient(135deg,#eca7b3,#cc7188)}.reference-art-dark:before{background:linear-gradient(155deg,#08080b14,#07080cb3),linear-gradient(135deg,#4d5967,#181a20)}.reference-art-clothes:before{background:linear-gradient(155deg,#28241f0d,#342c248c),repeating-linear-gradient(90deg,#8b7e6e 0 15%,#4a443e 15% 30%)}.reference-art-matcha:before{background:linear-gradient(155deg,#ffffff0d,#7d484a40),radial-gradient(circle at 36% 46%,#d8e4b6 0 19%,#0000 20%),linear-gradient(135deg,#e4cec8,#dca2a8)}.reference-source-icon{color:#fff;background:#40b66a;border-radius:5px;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:.55rem;left:.55rem}.reference-source-icon.instagram{background:linear-gradient(145deg,#f2a23e,#de3476 56%,#7447c8)}.reference-source-icon.youtube{background:#ee4148}.reference-duration{background:#000000a6;border-radius:3px;padding:.15rem .3rem;font-size:.48rem;position:absolute;bottom:.55rem;right:.55rem}.reference-card-copy{padding:.65rem .7rem .55rem}.reference-source{color:#85808d;align-items:center;gap:.25rem;font-size:.47rem;display:flex}.reference-source.blog{color:#3eae68}.reference-source.instagram{color:#db4074}.reference-source.youtube{color:#e34249}.reference-card-copy h2{color:#332f39;letter-spacing:-.035em;min-height:2.5em;margin:.35rem 0 .45rem;font-size:.65rem;line-height:1.4}.reference-tags{flex-wrap:wrap;gap:.2rem;min-height:20px;display:flex}.reference-tags i{color:var(--violet);background:#f2efff;border-radius:99px;padding:.19rem .34rem;font-size:.41rem;font-style:normal}.reference-card-copy footer{justify-content:space-between;align-items:center;margin-top:.45rem;display:flex}.reference-card-copy time{color:#8f8996;font-size:.47rem}.reference-card-copy footer button{color:var(--violet);background:0 0;border:0}.reference-card-list{gap:.55rem;display:grid}.reference-card-list .reference-library-card{grid-template-columns:180px 1fr;display:grid}.reference-card-list .reference-art{min-height:120px}.reference-card-list .reference-card-copy{align-content:center;display:grid}.reference-card-list .reference-card-copy h2{min-height:auto}.reference-no-results{color:#88818e;place-items:center;min-height:340px;font-size:.65rem;display:grid}.reference-pagination{justify-content:center;gap:.25rem;margin:1.5rem 0 .3rem;display:flex}.reference-pagination button{color:#595360;background:0 0;border:0;border-radius:5px;width:28px;height:28px;font-size:.53rem}.reference-pagination button.active{color:var(--violet);background:#f6f3ff;border:1px solid #dcd3ff}.reference-pagination span{color:#827b88;padding:.4rem;font-size:.5rem}@media (max-width:1100px){.reference-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-toolbar{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media (max-width:760px){.reference-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem;min-height:auto;margin:0 -1rem 1rem;padding:.6rem 1rem}.reference-toolbar nav{width:100%;overflow-x:auto}.reference-toolbar>div{align-self:flex-end}.reference-layout{grid-template-columns:1fr}.reference-filter{display:none}.reference-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.reference-art{min-height:135px}.reference-art>strong{font-size:.72rem}.reference-card-copy{padding:.55rem}.reference-card-copy h2{font-size:.58rem}.reference-card-list .reference-library-card{grid-template-columns:115px 1fr}.reference-card-list .reference-art{min-height:95px}}.live-reference-page{max-width:1440px;margin:0 auto}.live-reference-heading{margin-bottom:1rem}.live-reference-heading h1{letter-spacing:-.06em;margin:0 0 .25rem;font-size:1.18rem}.live-reference-heading p{color:#797281;margin:0;font-size:.62rem}.live-reference-search{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;margin:0 -2.7rem;padding:1rem 2.7rem 1.05rem}.live-reference-search form{gap:.55rem;max-width:860px;display:flex}.live-reference-search form label{color:#928b9a;background:#fff;border:1px solid #ded9e6;border-radius:7px;flex:1;align-items:center;gap:.48rem;height:39px;padding:0 .75rem;display:flex;box-shadow:0 1px 2px #221b3205}.live-reference-search input{color:#332e3b;background:0 0;border:0;outline:none;width:100%;font-size:.61rem}.live-reference-search form>button{color:#fff;background:var(--violet);border:0;border-radius:7px;justify-content:center;align-items:center;gap:.35rem;min-width:88px;padding:0 .8rem;font-size:.58rem;font-weight:800;display:flex}.live-reference-search form>button:disabled{opacity:.66}.live-reference-source-picks{gap:.42rem;margin-top:.65rem;display:flex}.live-reference-source-picks button{color:#6d6673;background:#fff;border:1px solid #e5e1eb;border-radius:99px;align-items:center;gap:.32rem;min-height:28px;padding:0 .52rem;font-size:.5rem;display:flex}.live-reference-source-picks button.selected{color:var(--violet);background:#f5f2ff;border-color:#d5c9ff}.live-reference-source-picks span{color:#fff;border-radius:5px;place-items:center;width:17px;height:17px;display:grid}.live-reference-source-picks span.blog{background:#30b864}.live-reference-source-picks span.instagram{background:linear-gradient(145deg,#f2a335,#dc3475 58%,#7848cb)}.live-reference-source-picks span.youtube{background:#ed3e45}.live-reference-empty,.live-reference-message{border:1px solid var(--line);text-align:center;background:#fff;border-radius:10px;align-content:center;place-items:center;min-height:355px;margin-top:1.2rem;padding:2rem;display:grid}.live-reference-empty>span{width:52px;height:52px;color:var(--violet);background:#f3efff;border-radius:50%;place-items:center;margin-bottom:.8rem;display:grid}.live-reference-empty h2{letter-spacing:-.05em;margin:0;font-size:1rem}.live-reference-empty p{color:#857e8b;max-width:420px;margin:.55rem 0 0;font-size:.6rem;line-height:1.7}.live-reference-message{color:#9a3c4d;background:snow;min-height:180px}.live-reference-message strong{font-size:.7rem}.live-reference-message p{margin:.4rem 0 0;font-size:.55rem}.live-reference-toolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;min-height:56px;margin:0 -2.7rem 1.25rem;padding:0 2.7rem;display:flex}.live-reference-toolbar nav{align-items:center;gap:.45rem;display:flex}.live-reference-toolbar nav button{color:#625b68;background:0 0;border:0;border-radius:6px;align-items:center;gap:.32rem;min-height:33px;padding:0 .64rem;font-size:.56rem;display:flex}.live-reference-toolbar nav button.active{color:var(--violet);background:var(--violet-soft);font-weight:800}.live-reference-toolbar b{background:#f0edf4;border-radius:99px;padding:.08rem .28rem;font-size:.47rem}.live-reference-toolbar>span{color:#8a838f;font-size:.53rem}.live-reference-layout{grid-template-columns:210px minmax(0,1fr);gap:1.5rem;display:grid}.live-reference-filter{border:1px solid var(--line);background:#fff;border-radius:8px;height:fit-content;overflow:hidden}.live-reference-filter>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:42px;padding:0 .8rem;display:flex}.live-reference-filter>header strong{font-size:.62rem}.live-reference-filter>header button{color:var(--violet);background:0 0;border:0;font-size:.5rem}.live-reference-filter section{border-bottom:1px solid var(--line);padding:.82rem}.live-reference-filter section:last-child{border-bottom:0}.live-reference-filter h2{margin:0 0 .6rem;font-size:.55rem}.live-reference-filter p{color:#716a77;margin:0;font-size:.53rem;line-height:1.55}.live-reference-filter label{color:#5d5662;grid-template-columns:14px 15px 16px 1fr auto;align-items:center;gap:.28rem;min-height:27px;font-size:.52rem;display:grid}.live-reference-filter input{opacity:0;pointer-events:none;position:absolute}.live-reference-filter label>span{color:#fff;border:1px solid #c8c2d1;border-radius:3px;place-items:center;width:14px;height:14px;display:grid}.live-reference-filter input:checked+span{border-color:var(--violet);background:var(--violet)}.live-reference-filter small{color:#908995;font-size:.47rem}.live-reference-filter-note{background:#fbfaff}.live-reference-results>header{justify-content:space-between;align-items:center;min-height:33px;margin-bottom:.6rem;display:flex}.live-reference-results>header p{margin:0;font-size:.59rem}.live-reference-results>header strong{color:var(--violet)}.live-reference-results>header>div{border:1px solid var(--line);background:#fff;border-radius:6px;gap:.18rem;padding:.2rem;display:flex}.live-reference-results>header button{color:#77717e;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:27px;display:grid}.live-reference-results>header button.active{color:var(--violet);background:var(--violet-soft)}.live-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.live-reference-card{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.live-reference-card-art{color:#fff;background:#6d6680;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:158px;padding:.72rem;display:flex}.live-reference-card-art span{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.live-reference-card-art small{font-size:.56rem;font-weight:800}.live-reference-card-art.blog{background:linear-gradient(145deg,#80c9a1,#238653)}.live-reference-card-art.instagram{background:linear-gradient(145deg,#f4af75,#dc5087 60%,#7c58d2)}.live-reference-card-art.youtube{background:linear-gradient(145deg,#ef7779,#bf2635)}.live-reference-card-copy{padding:.68rem}.live-reference-source{align-items:center;gap:.24rem;font-size:.47rem;display:flex}.live-reference-source.blog{color:#2eaa60}.live-reference-source.instagram{color:#d83d75}.live-reference-source.youtube{color:#e13d47}.live-reference-card-copy h2{color:#312c38;letter-spacing:-.035em;min-height:2.6em;margin:.35rem 0;font-size:.66rem;line-height:1.35}.live-reference-card-copy>p{color:#827b88;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.8em;margin:0;font-size:.5rem;line-height:1.55;display:-webkit-box;overflow:hidden}.live-reference-card-copy footer{border-top:1px solid #f0edf3;justify-content:space-between;align-items:flex-start;margin-top:.55rem;padding-top:.5rem;display:flex}.live-reference-card-copy footer div{gap:.13rem;min-width:0;display:grid}.live-reference-card-copy footer span,.live-reference-card-copy time{color:#8c8492;text-overflow:ellipsis;white-space:nowrap;font-size:.45rem;overflow:hidden}.live-reference-card-copy footer a{width:25px;height:25px;color:var(--violet);background:#f4f1ff;border-radius:5px;place-items:center;display:grid}.live-reference-create{min-height:28px;color:var(--violet);background:#f5f2ff;border-radius:5px;justify-content:center;align-items:center;gap:.3rem;margin-top:.55rem;font-size:.47rem;font-weight:800;display:flex}.live-reference-list{gap:.55rem;display:grid}.live-reference-list .live-reference-card{grid-template-columns:150px 1fr;display:grid}.live-reference-list .live-reference-card-art{justify-content:center;gap:.4rem;min-height:100%}.live-reference-list .live-reference-card-copy{padding:.65rem .8rem}.live-reference-list .live-reference-card-copy h2,.live-reference-list .live-reference-card-copy>p{min-height:auto}.live-reference-no-results{color:#8a8290;text-align:center;border:1px dashed #dcd6e6;border-radius:8px;align-content:center;place-items:center;min-height:330px;display:grid}.live-reference-no-results strong{color:#5f5865;margin-top:.55rem;font-size:.66rem}.live-reference-no-results p{margin:.3rem 0 0;font-size:.52rem}.spin{animation:.8s linear infinite live-reference-spin}@keyframes live-reference-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.live-reference-search,.live-reference-toolbar{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}.live-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.live-reference-search,.live-reference-toolbar{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.live-reference-search form{gap:.35rem}.live-reference-search form>button{min-width:70px}.live-reference-toolbar{flex-direction:column;align-items:flex-start;gap:.45rem;min-height:auto;padding-top:.6rem;padding-bottom:.6rem}.live-reference-toolbar nav{width:100%;overflow:auto}.live-reference-layout{grid-template-columns:1fr}.live-reference-filter{display:none}.live-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.live-reference-card-art{min-height:115px}.live-reference-list .live-reference-card{grid-template-columns:95px 1fr}.live-reference-empty{min-height:280px;padding:1.3rem}}@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}