*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--layora-font-sans), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.table{display:table}.grid{display:grid}.border{border-width:1px}.uppercase{text-transform:uppercase}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--chrome-sidebar:#f7f9fa;--chrome-panel:#fff;--chrome-panel-soft:#f4f7f8;--chrome-border:#dce6e8;--chrome-text:#172026;--chrome-muted:#637179;--chrome-primary:#008f9c;--chrome-primary-strong:#007481;--chrome-accent:#ff7a59;--chrome-success:#0c9b78;--chrome-warning:#f2a541;--chrome-danger:#df4f45;--chrome-shadow:0 18px 48px #17202614}*{box-sizing:border-box}html{background:#fff;min-width:320px}body{min-height:100vh;color:var(--chrome-text);letter-spacing:0;overflow-wrap:break-word;word-break:keep-all;background:#fff;margin:0;font-family:맑은 고딕,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.studio-shell{background:#fff;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--chrome-border);background:var(--chrome-sidebar);flex-direction:column;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand-lockup{align-items:baseline;gap:7px;margin-bottom:24px;display:flex}.brand-lockup strong{font-size:23px;font-weight:800;line-height:1}.brand-lockup span{color:var(--chrome-primary);font-size:17px;font-weight:700}.primary-action{background:var(--chrome-primary);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 12px 28px #008f9c38}.sidebar-nav{gap:6px;margin-top:22px;display:grid}.nav-button{color:#3e4a50;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;font-size:14px;font-weight:700;display:flex}.nav-button[data-active=true]{color:var(--chrome-text);background:#fff;border-color:#e2ebed;box-shadow:0 8px 18px #1720260d}.sidebar-spacer{flex:1}.sidebar-card{border:1px solid var(--chrome-border);background:#fff;border-radius:8px;gap:8px;padding:14px;font-size:13px;line-height:1.55;display:grid}.sidebar-card strong{font-size:14px}.sidebar-card p{color:var(--chrome-muted);margin:0}.profile-row{color:var(--chrome-muted);align-items:center;gap:10px;margin-top:14px;font-size:12px;display:flex}.avatar{color:#fff;background:#0c6e86;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:inline-flex}.workspace{background:#fff;min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--chrome-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:0 28px;display:flex;position:sticky;top:0}.project-title{gap:4px;display:grid}.project-title span{color:var(--chrome-muted);font-size:12px;font-weight:700}.project-title h1{margin:0;font-size:19px;font-weight:850;line-height:1.2}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.language-switcher,.scenario-switcher{border:1px solid var(--chrome-border);background:#f1f5f6;border-radius:8px;align-items:center;padding:3px;display:inline-flex}.language-option,.scenario-switcher button{min-height:34px;color:var(--chrome-muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 11px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.language-option[data-active=true],.scenario-switcher button[data-active=true]{color:var(--chrome-text);background:#fff;box-shadow:0 5px 14px #1720260f}.select-button,.ghost-button,.export-button,.icon-button{border:1px solid var(--chrome-border);min-height:40px;color:var(--chrome-text);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.select-button span{color:var(--chrome-muted);font-weight:700}.export-button{border-color:var(--chrome-primary);background:var(--chrome-primary);color:#fff;padding-inline:18px}.icon-button{width:40px;padding:0}.main-grid{grid-template-columns:minmax(420px,.95fr) minmax(460px,1.05fr);gap:0;min-height:calc(100vh - 76px);display:grid}.left-pane,.right-pane{min-width:0;padding:26px}.left-pane{border-right:1px solid var(--chrome-border);background:#fff}.right-pane{background:#fbfcfc}.stepper{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.step{min-width:0;color:var(--chrome-muted);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.step-dot{color:#5f6d75;background:#e8eff1;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:900;display:inline-flex}.step[data-active=true]{color:var(--chrome-text)}.step[data-active=true] .step-dot{background:var(--chrome-primary);color:#fff}.panel{border:1px solid var(--chrome-border);background:#fff;border-radius:8px;box-shadow:0 10px 26px #1720260a}.panel+.panel{margin-top:14px}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 0;display:flex}.panel-title{gap:5px;display:grid}.panel-title h2,.panel-title h3{margin:0;font-size:16px;font-weight:850;line-height:1.3}.panel-title p{color:var(--chrome-muted);margin:0;font-size:12px;line-height:1.5}.brief-form{gap:14px;padding:16px 18px 18px;display:grid}.brief-form label{color:#4b5960;gap:7px;font-size:12px;font-weight:800;display:grid}.field-control{gap:7px;display:grid}.brief-form textarea,.brief-form input,.brief-form select{border:1px solid var(--chrome-border);width:100%;color:var(--chrome-text);background:#fff;border-radius:8px;outline:none;padding:12px;font-size:14px;line-height:1.6}.brief-form textarea{resize:vertical;min-height:124px}.brief-form textarea:focus,.brief-form input:focus,.brief-form select:focus{border-color:var(--chrome-primary);box-shadow:0 0 0 3px #008f9c1f}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.form-actions{align-items:center;gap:12px;min-height:44px;display:flex}.form-status{color:var(--chrome-muted);margin:0;font-size:12px;font-weight:800;line-height:1.45}.form-status[data-status=succeeded]{color:var(--chrome-success)}.form-status[data-status=failed]{color:#b42318}button:disabled,a[aria-disabled=true]{cursor:not-allowed;opacity:.62}.pipeline{padding:20px 18px 18px}.pipeline-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.pipeline-item{min-width:0;color:var(--chrome-muted);text-align:center;will-change:opacity, transform;justify-items:center;gap:7px;font-size:12px;font-weight:800;display:grid}.pipeline-icon{border:1px solid var(--chrome-border);width:34px;height:34px;color:var(--chrome-primary);will-change:transform;background:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.pipeline-item[data-status=done] .pipeline-icon{color:var(--chrome-success);background:#0c9b781a;border-color:#0c9b7833}.pipeline-item[data-status=running] .pipeline-icon{border-color:#008f9c40;box-shadow:0 0 0 5px #008f9c14}.qa-grid{grid-template-columns:154px 1fr;gap:18px;padding:18px;display:grid}.qa-score{place-items:center;min-height:136px;display:grid}.score-ring{border:10px solid #e6f2f3;border-top-color:var(--chrome-primary);border-right-color:var(--chrome-primary);width:104px;height:104px;color:var(--chrome-text);border-radius:999px;place-items:center;font-weight:900;display:grid}.score-ring span{color:var(--chrome-muted);text-align:center;font-size:11px;font-weight:800;display:block}.qa-list{gap:8px;min-width:0;display:grid}.qa-row{border-bottom:1px solid #eef3f4;grid-template-columns:84px 70px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;font-size:12px;display:grid}.qa-row strong{font-weight:850}.status-pill{border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.status-pill[data-status=passed]{color:#08785d;background:#0c9b781a}.status-pill[data-status=warning]{color:#b9492e;background:#ff7a5924}.status-pill[data-status=failed]{color:var(--chrome-danger);background:#df4f451f}.layout-lock-body{gap:14px;padding:18px;display:grid}.layout-lock-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.layout-lock-fields div{border:1px solid var(--chrome-border);background:var(--chrome-panel-soft);min-width:0;min-height:42px;color:var(--chrome-text);border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:850;display:flex}.layout-lock-fields span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.layout-lock-simulation{background:#fffaf0;border:1px solid #f2a54147;border-radius:8px;gap:8px;padding:13px;display:grid}.layout-lock-simulation strong{font-size:13px;font-weight:900}.layout-lock-simulation p{color:#8a5c06;align-items:flex-start;gap:7px;margin:0;font-size:12px;line-height:1.55;display:flex}.layout-lock-simulation small{color:var(--chrome-muted);font-size:11px;font-weight:800}.preview-header,.registry-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.preview-header h2,.registry-header h2{margin:0;font-size:16px;font-weight:850}.viewport-switcher{border:1px solid var(--chrome-border);background:#f1f5f6;border-radius:8px;align-items:center;padding:3px;display:inline-flex}.viewport-button{min-height:34px;color:var(--chrome-muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:850;display:inline-flex}.viewport-button[data-active=true]{color:var(--chrome-text);background:#fff;box-shadow:0 5px 14px #1720260f}.preview-frame{border:1px solid var(--chrome-border);background:#f7fafb;border-radius:8px;padding:18px;overflow:auto}.preview-site{background:var(--layora-background);width:100%;color:var(--layora-foreground);will-change:opacity, transform;border:1px solid #e2ebed;border-radius:8px;margin:0 auto;transition:max-width .18s,transform .18s;overflow:hidden;box-shadow:0 14px 40px #17202614}.preview-site[data-viewport=tablet]{max-width:680px}.preview-site[data-viewport=mobile]{max-width:390px}.site-nav{border-bottom:1px solid var(--layora-border);justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:0 28px;display:flex}.site-logo{align-items:center;gap:8px;font-size:15px;font-weight:900;display:flex}.site-logo-mark{background:var(--layora-primary);width:24px;height:24px;color:var(--layora-primary-foreground);border-radius:7px}.site-links{color:#506068;align-items:center;gap:18px;font-size:12px;font-weight:800;display:flex}.site-cta,.site-secondary-cta{border-radius:var(--layora-radius-button);justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.site-cta{border:1px solid var(--layora-primary);background:var(--layora-primary);color:var(--layora-primary-foreground)}.site-secondary-cta{border:1px solid var(--layora-border);color:var(--layora-primary);background:#fff}.preview-hero{min-height:326px;padding:46px 34px 34px;position:relative}.hero-copy{z-index:1;gap:18px;max-width:58%;display:grid;position:relative}.hero-copy h3{margin:0;font-size:clamp(28px,2.8vw,38px);font-weight:900;line-height:1.22}.hero-copy p{color:#4c5d65;max-width:560px;margin:0;font-size:15px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.hero-image{aspect-ratio:16/9;border-radius:var(--layora-radius-image);background:var(--layora-muted);box-shadow:var(--layora-shadow-card);position:relative;overflow:hidden}.preview-hero .hero-image{width:42%;min-width:210px;position:absolute;top:72px;right:34px}.preview-site[data-industry=saas] .preview-hero{min-height:372px}.preview-site[data-industry=saas] .hero-copy{max-width:52%}.preview-site[data-industry=saas] .preview-hero .hero-image{width:48%;top:76px}.hero-image img,.preview-site[data-industry=saas] .hero-image img{-o-object-fit:cover;object-fit:cover}.preview-site[data-viewport=mobile] .site-links,.preview-site[data-viewport=mobile] .site-secondary-cta{display:none}.preview-site[data-viewport=mobile] .site-nav{padding-inline:18px}.preview-site[data-viewport=mobile] .preview-hero{min-height:auto;padding:28px 18px}.preview-site[data-viewport=mobile] .hero-copy{max-width:100%}.preview-site[data-viewport=mobile] .hero-copy h3{font-size:28px}.preview-site[data-viewport=mobile] .preview-hero .hero-image,.preview-site[data-viewport=tablet] .preview-hero .hero-image{width:100%;min-width:0;margin-top:18px;position:relative;top:auto;right:auto}.preview-site[data-viewport=tablet] .hero-copy,.preview-site[data-viewport=mobile][data-industry=saas] .hero-copy,.preview-site[data-viewport=tablet][data-industry=saas] .hero-copy{max-width:100%}.preview-section{padding:34px}.preview-section[data-category=feature]{background:var(--layora-secondary)}.preview-section[data-category=pricing]{background:#fff}.preview-section[data-category=cta]{background:linear-gradient(180deg, var(--layora-secondary), #fff)}.preview-section h3{margin:0 0 8px;font-size:24px;font-weight:900}.preview-section p{color:#53636b;margin:0;line-height:1.7}.feature-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.feature-item{border-radius:var(--layora-radius-card);background:#ffffffbd;border:1px solid #008f9c26;padding:16px}.feature-item strong{margin-bottom:6px;font-size:14px;display:block}.feature-item span{color:#5b6970;font-size:13px;line-height:1.6}.preview-site[data-viewport=mobile] .feature-list{grid-template-columns:1fr}.registry-panel{border:1px solid var(--chrome-border);background:#fff;border-radius:8px;margin-top:16px}.registry-list{display:grid}.registry-row{border-bottom:1px solid #eef3f4;grid-template-columns:84px minmax(0,1fr) 76px;align-items:center;gap:12px;padding:12px 14px;display:grid}.registry-row:last-child{border-bottom:0}.layout-thumb{border:1px solid var(--chrome-border);background:#f5f8f9;border-radius:6px;gap:4px;width:76px;height:48px;padding:6px;display:grid}.layout-thumb span{background:#cbd8dc;border-radius:999px;height:6px;display:block}.registry-copy{min-width:0}.registry-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.registry-copy p{color:var(--chrome-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.match-badge{min-height:28px;color:var(--chrome-primary);border:1px solid #008f9c42;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:inline-flex}.export-drawer{z-index:50;border:1px solid var(--chrome-border);width:min(460px,100vw - 48px);box-shadow:var(--chrome-shadow);will-change:opacity, transform;background:#fff;border-radius:8px;position:fixed;bottom:24px;right:24px}.export-drawer header{border-bottom:1px solid var(--chrome-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.export-drawer h2{margin:0;font-size:16px;font-weight:900}.export-drawer ul{gap:9px;max-height:280px;margin:0;padding:16px;display:grid;overflow:auto}.export-drawer li{color:#4d5b62;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.5;display:grid}.export-summary{border-top:1px solid var(--chrome-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}@media (max-width:1180px){.studio-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--chrome-border);height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-spacer,.profile-row{display:none}.main-grid{grid-template-columns:1fr}.left-pane{border-right:0;border-bottom:1px solid var(--chrome-border)}}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start;padding:18px;position:static}.topbar-actions,.language-switcher,.scenario-switcher{width:100%}.language-option,.scenario-switcher button{flex:1}.left-pane,.right-pane{padding:18px}.sidebar-nav,.field-grid,.stepper,.pipeline-track,.qa-grid,.layout-lock-fields,.feature-list{grid-template-columns:1fr}.preview-hero{padding:28px 18px}.site-links{display:none}.registry-row,.qa-row{grid-template-columns:1fr}}