@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,Noto Sans KR,sans-serif;color:#22231f;background:#efefe9;font-synthesis:none}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:1180px;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.join-screen{width:100%;height:100%;min-height:100vh;display:grid;place-items:center;padding:32px;color:#f7f7f2;background:#1e211d}.join-card{width:min(430px,calc(100vw - 64px));display:grid;gap:12px;padding:36px;color:#252820;background:#f7f7f2;border-top:4px solid #d5ff3f;border-radius:8px;box-shadow:0 24px 60px #0006}.join-card .eyebrow{color:#777d70}.join-card h1{margin:0 0 4px;font-size:26px}.join-card h1 small{color:#7ba000;font-size:11px}.join-card p{margin:0 0 10px;color:#676c61;font-size:13px;line-height:1.6}.join-card label{font-size:12px;font-weight:700}.join-card input{width:100%;padding:12px;border:1px solid #bfc3b7;border-radius:5px;background:#fff}.join-card input:focus{outline:3px solid #d5ff3f;border-color:#252820}.join-help{color:#747a6e;font-size:10px}.join-error{padding:9px 11px;color:#9d2c20;background:#fff0ed;border:1px solid #dfaaa3;border-radius:4px;font-size:11px}.join-card button{margin-top:7px;padding:12px;color:#1e211d;background:#d5ff3f;border:0;border-radius:5px;font-weight:800}.join-card button:disabled{opacity:.6;cursor:wait}.join-card em{color:#8a8f84;font-size:9px;font-style:normal;text-align:center}.app-shell{height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.app-header{min-height:88px;padding:16px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 24px;color:#f8f7f2;background:#1e211d;border-bottom:3px solid #d5ff3f}.app-header h1{font-size:20px;margin:3px 0 0;letter-spacing:-.02em}.eyebrow,.panel-title span,.element-id{font:500 10px DM Mono,monospace;letter-spacing:.1em}.eyebrow{color:#a7ad9f}.header-actions{display:flex;gap:8px;align-items:center}.header-actions>button,.mode-switch button{color:#f5f5ef;border:1px solid #52574d;background:transparent;padding:9px 13px;border-radius:6px;font-size:12px}.header-actions>button:hover{border-color:#d5ff3f}.mode-switch{display:flex;border:1px solid #52574d;padding:3px;border-radius:7px;margin-right:6px}.mode-switch button{border:0;padding:6px 12px}.mode-switch button.active{color:#1e211d;background:#d5ff3f}.save-message{grid-column:2;font-size:10px;color:#a7ad9f;text-align:right}.workspace{min-height:0;overflow:hidden;display:grid;grid-template-columns:236px minmax(560px,1fr) 390px;gap:1px;background:#c9cbc3}.panel{min-height:0;background:#f7f7f2}.sidebar,.spec-panel{height:100%;min-height:0;padding:22px 16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.panel-title{display:flex;justify-content:space-between;color:#797d73;border-bottom:1px solid #d8dad2;padding-bottom:12px}.panel-title strong{font:500 10px DM Mono,monospace;color:#555a50;background:#e6e8df;padding:3px 6px;border-radius:3px}.sidebar h2,.spec-panel h2{font-size:17px;margin:20px 0 12px}.screen-item{width:100%;padding:13px;margin-bottom:8px;display:grid;text-align:left;border:1px solid #d6d8cf;border-radius:7px;background:#fff}.screen-item span{font:500 10px DM Mono,monospace;color:#777b71}.screen-item strong{margin:3px 0}.screen-item small{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.45;color:#7c8076}.screen-item.selected{border-color:#22231f;box-shadow:inset 4px 0 #d5ff3f}.scope-note{margin-top:28px;padding:14px;color:#55594f;background:#eceee5;border-radius:7px;font-size:12px;line-height:1.55}.scope-note p{margin:7px 0 0}.canvas{padding:24px 30px 36px;overflow:auto;background:#e8e8e2}.canvas-header{display:flex;justify-content:space-between;align-items:flex-start;max-width:760px;margin:auto}.canvas-header h2{margin:3px 0;font-size:24px}.canvas-header p{margin:0 0 18px;color:#73776d;font-size:12px}.mode-badge{padding:6px 9px;font:500 10px DM Mono,monospace;border-radius:4px}.mode-badge.asIs{background:#d7d9d1}.mode-badge.toBe{background:#d5ff3f}.deleted-summary{max-width:760px;margin:0 auto 8px;padding:8px 11px;font-size:11px;color:#8d3025;border:1px solid #d7a59e;background:#fff4f1}.device-frame{max-width:760px;min-height:580px;margin:auto;background:#fff;border:1px solid #bfc1b9;box-shadow:0 16px 34px #35372f20}.browser-bar{height:34px;padding:9px 12px;display:flex;gap:6px;align-items:center;background:#292c27;color:#aeb2a8}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#70756a}.browser-bar span{margin-left:10px;font:9px DM Mono,monospace}.wire-section{padding:20px}.section-label{color:#8a8e84;font:9px DM Mono,monospace;border-bottom:1px dashed #d5d7ce;padding-bottom:8px}.product-layout{padding:18px 6px;display:grid;grid-template-columns:1.15fr .85fr;gap:10px 18px;align-items:start}.wire-element{position:relative;min-width:0;padding:8px;text-align:left;color:inherit;background:transparent;border:1px solid transparent;border-radius:5px}.wire-element:hover{border-color:#9da195}.wire-element.selected{border-color:#22231f;outline:3px solid #d5ff3f;z-index:1}.wire-element.type-image{grid-row:span 5}.wire-element.type-button{align-self:end}.wire-element.change-added{box-shadow:inset 3px 0 #4c9b60}.wire-element.change-modified{box-shadow:inset 3px 0 #e99e37}.change-badge{position:absolute;right:5px;top:5px;padding:2px 5px;color:#fff;background:#e99e37;font:9px DM Mono,monospace;border-radius:3px}.change-badge.added{background:#4c9b60}.element-id{display:block;color:#a0a49a;margin-top:7px;letter-spacing:0;font-size:8px}.image-placeholder{aspect-ratio:1 / 1.12;display:grid;place-content:center;gap:8px;text-align:center;background:linear-gradient(145deg,#eaebe5,#d8dad2);color:#666a60}.image-placeholder span{font:10px DM Mono,monospace}.image-placeholder strong{font-size:13px}.text-element{font-weight:600;font-size:20px}.price-text{font-weight:700;font-size:18px}.element-caption,.mock-field{font-size:11px;font-weight:600}.option-row{display:flex;gap:7px;margin-top:8px}.option-row i{width:23px;height:23px;border:1px solid #222;border-radius:50%;background:#d6b68c}.option-row i:nth-child(2){background:#262926}.option-row i:nth-child(3){background:#e8e4db}.mock-field{display:grid;gap:6px}.mock-field input,.mock-field select{width:100%;padding:9px;border:1px solid #c5c8be;background:#fff;font-size:11px}.mock-button{width:100%;padding:12px;border:0;color:#fff;background:#20231e;font-weight:700}.mock-tabs{display:flex;border-bottom:1px solid #bbb}.mock-tabs span{padding:8px 16px}.mock-modal,.mock-card{border:1px solid #ccc;padding:18px;background:#fafafa}.selected-summary{padding:14px 0;border-bottom:1px solid #d8dad2}.selected-summary span{color:#78806e;font:10px DM Mono,monospace}.selected-summary h2{margin:3px 0}.selected-summary code{font-size:10px;color:#777}.spec-panel form{padding:14px 2px 40px}.spec-panel fieldset{border:0;padding:0;margin:0 0 14px}.spec-panel fieldset fieldset{padding:12px;border:1px solid #d4d7cd;border-radius:5px}.spec-panel legend{font-size:12px;font-weight:700;margin-bottom:8px}.spec-panel .form-group{margin-bottom:11px}.spec-panel label{display:block;font-size:11px;font-weight:600;margin-bottom:4px}.spec-panel input,.spec-panel select,.spec-panel textarea{width:100%;padding:8px;border:1px solid #c7cac0;border-radius:4px;background:#fff;font-size:11px}.spec-panel textarea{resize:vertical}.spec-panel .btn{border:1px solid #c2c5ba;background:#e9ebe3;border-radius:3px;padding:5px 8px;font-size:10px}.spec-panel .text-danger{color:#b03b2d;font-size:10px}.empty-state{padding:70px 20px;text-align:center;color:#72776b}.empty-state span{font-size:36px}.empty-state p{font-size:12px;line-height:1.6}.validation-panel{min-height:64px;padding:12px 24px;display:flex;gap:24px;align-items:center;color:#dce1d6;background:#292c27;border-top:1px solid #444840}.validation-panel>div{display:grid;min-width:210px}.validation-panel strong{font-size:12px}.validation-panel span{color:#9ca398;font-size:10px;margin-top:3px}.validation-panel.valid strong{color:#d5ff3f}.validation-panel.has-errors strong{color:#ff8d7e}.validation-panel ul{margin:0;padding-left:18px;max-height:70px;overflow:auto;font-size:10px}.validation-panel code{color:#e7b76c}@media(max-width:1300px){.workspace{grid-template-columns:210px minmax(510px,1fr) 350px}.canvas{padding-inline:18px}}.header-actions>.primary-action{color:#1e211d;border-color:#d5ff3f;background:#d5ff3f;font-weight:700}.advanced-menu{position:relative;font-size:12px}.advanced-menu summary{list-style:none;cursor:pointer;padding:9px 13px;border:1px solid #52574d;border-radius:6px}.advanced-menu summary::-webkit-details-marker{display:none}.advanced-menu>div{position:absolute;z-index:20;right:0;top:42px;width:145px;padding:6px;display:grid;gap:4px;background:#292c27;border:1px solid #555a50;border-radius:6px;box-shadow:0 12px 24px #0005}.advanced-menu button{padding:8px;color:#f5f5ef;text-align:left;background:transparent;border:0;border-radius:4px}.advanced-menu button:hover{background:#3b3f38}.document-viewer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr;color:#252720;background:#e6e7e0}.document-toolbar{min-height:76px;padding:13px 22px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;color:#f7f7f2;background:#1e211d;border-bottom:3px solid #d5ff3f}.document-toolbar h2{margin:2px 0 0;font-size:18px}.document-tabs{display:flex;padding:3px;border:1px solid #51564c;border-radius:7px}.document-tabs button,.document-actions button{padding:8px 12px;color:#f7f7f2;background:transparent;border:0;border-radius:4px;font-size:11px}.document-tabs button.active{color:#1e211d;background:#d5ff3f;font-weight:700}.document-actions{display:flex;justify-content:flex-end;gap:6px}.document-actions button{border:1px solid #51564c}.document-actions button:hover{border-color:#d5ff3f}.document-actions .close-button{margin-left:8px}.document-body{overflow:auto;padding:34px}.markdown-document,.markdown-source{max-width:900px;min-height:calc(100vh - 145px);margin:auto;padding:48px 58px;background:#fff;border:1px solid #caccc3;box-shadow:0 12px 30px #393b3320}.markdown-document{line-height:1.7}.markdown-document h1{margin-top:0;padding-bottom:14px;border-bottom:2px solid #22251f;font-size:30px}.markdown-document h2{margin-top:45px;padding:10px 0;border-bottom:1px solid #cfd1c8;font-size:22px}.markdown-document h3{margin-top:32px;font-size:17px}.markdown-document h4{margin-bottom:5px;color:#62675c;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.markdown-document blockquote{margin:20px 0;padding:10px 15px;color:#565b50;background:#f0f2e9;border-left:4px solid #d5ff3f}.markdown-document table{width:100%;border-collapse:collapse;font-size:12px}.markdown-document th,.markdown-document td{padding:9px 11px;text-align:left;border:1px solid #d7d9d1}.markdown-document th{width:130px;background:#eff0e9}.markdown-document code{padding:2px 5px;background:#eeefe8;border-radius:3px;font:11px DM Mono,monospace}.markdown-document hr{margin:40px 0;border:0;border-top:1px dashed #bfc2b8}.markdown-source{overflow:auto;white-space:pre-wrap;font:12px/1.7 DM Mono,monospace}.spec-overview-header{padding:16px 2px 12px}.spec-overview-header h2{margin:0 0 5px}.spec-overview-header p{margin:0;color:#777c72;font-size:11px;line-height:1.55}.spec-overview-list{display:grid;gap:9px;padding-bottom:35px}.screen-requirements{display:grid;gap:7px;margin:10px 0 14px}.screen-requirements-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}.screen-requirements-heading span{color:#777c72;font-size:9px}.screen-requirement-card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px;border:1px solid #d6d9cf;border-radius:8px;background:#f5f7ef}.screen-requirement-number{display:grid;width:24px;height:24px;place-items:center;border-radius:4px;background:#20231e;color:#fff;font-weight:800}.screen-requirement-card>div{min-width:0}.screen-requirement-card strong{margin-left:7px;font-size:11px}.screen-requirement-category{padding:2px 5px;border-radius:3px;background:#e5e9dc;color:#596052;font-size:8px}.screen-requirement-card p{margin:7px 0 0;color:#42463d;font-size:10px;line-height:1.55;white-space:pre-line}.spec-overview-card{overflow:hidden;background:#fff;border:1px solid #d5d7ce;border-radius:7px;transition:border-color .15s,box-shadow .15s}.spec-overview-card.selected{border-color:#22251f;box-shadow:0 0 0 3px #d5ff3f}.spec-card-heading{width:100%;padding:11px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:2px 9px;align-items:center;text-align:left;color:#262821;background:#f8f8f4;border:0;border-bottom:1px solid #e1e2dc}.spec-card-heading .element-type{padding:3px 5px;grid-row:span 2;color:#62675c;background:#e6e8df;border-radius:3px;font:9px DM Mono,monospace}.spec-card-heading strong{font-size:12px}.spec-card-heading code{color:#92978c;font:8px DM Mono,monospace}.spec-card-heading .expand-label{grid-column:3;grid-row:1 / span 2;color:#72786c;font-size:9px}.spec-overview-card.selected .expand-label{color:#3d4b18;font-weight:700}.spec-card-overview{padding:9px 12px;display:grid;gap:6px}.spec-summary-line{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;font-size:10px;line-height:1.45}.spec-summary-line strong{color:#7b8075}.spec-summary-line span{overflow:hidden;color:#34372f;text-overflow:ellipsis;white-space:nowrap}.spec-overview-card.selected .spec-summary-line span{white-space:normal}.natural-language-editor{padding:13px;background:#f0f2e9;border-top:1px solid #d7dacd}.natural-language-editor label{font-size:12px;font-weight:700}.natural-language-editor p{margin:4px 0 9px;color:#6e7368;font-size:10px;line-height:1.5}.natural-language-editor textarea{width:100%;padding:10px;resize:vertical;color:#292c25;background:#fff;border:1px solid #bfc3b6;border-radius:5px;font-size:11px;line-height:1.6}.natural-language-editor textarea:focus{outline:3px solid #d5ff3f;border-color:#272a24}.natural-editor-actions{margin-top:8px;display:flex;justify-content:space-between;align-items:center}.natural-editor-actions span{color:#777d70;font-size:9px}.natural-editor-actions button{padding:8px 12px;color:#fff;background:#22251f;border:0;border-radius:4px;font-size:10px;font-weight:700}.project-name-row{padding:16px 0 12px;display:grid;gap:8px}.project-name-row h2{margin:0;font-size:16px}.project-switcher{min-width:0;display:grid;gap:3px}.project-switcher span{color:#7a8074;font-size:8px}.project-switcher select{width:100%;min-width:0;padding:7px 8px;color:#22251f;background:#fff;border:1px solid #c9cdc2;border-radius:4px;font-size:12px;font-weight:800}.project-name-row button,.screen-list-heading button{padding:6px 8px;color:#4d5248;background:transparent;border:1px solid #c7cac0;border-radius:4px;font-size:9px}.project-name-row button{justify-self:start}.screen-list-heading{margin:7px 0 9px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.screen-list-heading>span{display:flex;gap:4px}.tree-search{position:relative;display:block;margin:0 0 8px}.tree-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.tree-search input{width:100%;height:30px;padding:6px 27px 6px 9px;color:#30332d;background:#fff;border:1px solid #c8cbc0;border-radius:4px;font-size:10px}.tree-search button{position:absolute;right:5px;top:4px;width:22px;height:22px;color:#74796e;background:transparent;border:0}.module-tree{padding:3px 0 8px;border-top:1px solid #d6d9cf}.module-node{background:transparent}.module-row{min-height:33px;display:flex;align-items:center;border-bottom:1px solid #eceee7}.module-toggle{min-width:0;flex:1;height:32px;padding:0 3px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:5px;align-items:center;color:#292d25;text-align:left;background:transparent;border:0}.module-toggle:hover{background:#eef0e8}.tree-caret{color:#73786d;font-size:10px}.module-toggle strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.module-toggle small{min-width:22px;color:#777c72;text-align:right;font:8px DM Mono,monospace}.module-add-screen{flex:0 0 auto;width:24px;height:24px;padding:0;color:#5c6256;background:transparent;border:1px solid transparent;border-radius:3px;font-size:13px}.module-add-screen:hover{background:#fff;border-color:#c8cbc0}.module-children{position:relative;margin-left:13px;padding:2px 0 4px 14px;border-left:1px solid #c7cabf}.screen-tree-node{position:relative;min-height:34px;display:flex;align-items:center;border-radius:3px}.screen-tree-node:before{content:"";position:absolute;left:-14px;top:16px;width:11px;border-top:1px solid #c7cabf}.screen-tree-node:hover{background:#eef0e8}.screen-tree-node.selected{background:#e6f9a4;box-shadow:inset 3px 0 #9cc400}.screen-tree-item{min-width:0;flex:1;padding:4px 5px 4px 7px;display:grid;gap:1px;text-align:left;background:transparent;border:0}.screen-tree-item strong{overflow:hidden;color:#30342c;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.screen-tree-item code{overflow:hidden;color:#7b8075;font:8px DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.screen-tree-delete{flex:0 0 auto;width:22px;height:22px;margin-right:2px;padding:0;opacity:0;color:#a33d34;background:#fff6f4;border:1px solid #dfb6b0;border-radius:3px;font-size:12px}.screen-tree-node:hover .screen-tree-delete,.screen-tree-delete:focus{opacity:1}.screen-tree-delete:disabled{display:none}.empty-module{margin:3px 0;padding:8px;color:#858a7f;font-size:9px}.creation-backdrop{position:fixed;z-index:150;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#151713aa;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.creation-dialog{width:min(520px,100%);overflow:hidden;background:#f7f7f2;border:1px solid #aeb2a7;border-radius:9px;box-shadow:0 25px 70px #0006}.creation-dialog-heading{padding:18px 20px;display:flex;justify-content:space-between;color:#f7f7f2;background:#22251f;border-bottom:3px solid #d5ff3f}.creation-dialog-heading h2{margin:3px 0 0;font-size:18px}.creation-dialog-heading>button{color:#e6e8e1;background:transparent;border:0;font-size:24px}.creation-dialog form{padding:20px;display:grid;gap:14px}.creation-dialog label,.inline-creator label{display:grid;gap:5px;color:#52574d;font-size:10px;font-weight:700}.creation-dialog input,.creation-dialog textarea,.creation-dialog select,.inline-creator input,.inline-creator select{width:100%;padding:9px 10px;color:#252820;background:#fff;border:1px solid #bec2b7;border-radius:4px;font-size:11px}.creation-dialog input:focus,.creation-dialog textarea:focus,.inline-creator input:focus,.inline-creator select:focus{outline:3px solid #d5ff3f;border-color:#282b25}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.replace-warning{margin:0;padding:9px 11px;color:#77582d;background:#fff3d9;border:1px solid #e8d09d;border-radius:4px;font-size:10px}.form-error{margin:0;color:#a73529;font-size:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px}.dialog-actions button{padding:9px 14px;color:#33362f;background:#fff;border:1px solid #bdc1b6;border-radius:4px;font-size:11px}.dialog-actions .confirm{color:#fff;background:#22251f;border-color:#22251f;font-weight:700}.section-label{display:flex;justify-content:space-between}.section-label code{color:#a3a69e;font-size:8px}.blank-section{margin:16px 6px 5px;padding:28px;display:grid;gap:4px;place-items:center;color:#777c71;background:#f5f5f1;border:1px dashed #c8cbc1;font-size:10px}.inline-creator{margin:8px 6px 0}.inline-creator summary{cursor:pointer;padding:9px;color:#555b50;text-align:center;background:#f1f2ec;border:1px dashed #bfc3b7;border-radius:4px;font-size:10px;font-weight:700}.inline-creator form{padding:10px;display:grid;grid-template-columns:130px 1fr auto;gap:8px;align-items:end;background:#eff1e8;border:1px solid #cdd0c5;border-top:0}.inline-creator form button{height:34px;padding:0 13px;color:#fff;background:#252820;border:0;border-radius:4px;font-size:10px;font-weight:700}.section-creator{margin:14px 20px 22px}.section-creator form{grid-template-columns:1fr auto}.asis-edit-note{margin:20px;padding:12px;color:#686d62;background:#f0f1eb;border-radius:4px;font-size:10px;text-align:center}.app-header{position:sticky;z-index:40;top:0}.brand-title h1{display:flex;gap:8px;align-items:baseline}.brand-title h1 small{color:#d5ff3f;font:500 9px DM Mono,monospace;letter-spacing:.03em}.brand-title .current-project{display:block;margin-top:2px;color:#8e9587;font-size:9px}.workspace{align-items:stretch}.canvas{position:relative;height:100%;align-self:stretch}.canvas-edit-hint{max-width:760px;margin:0 auto 8px;padding:7px 10px;color:#5f6559;background:#f5f6ef;border:1px solid #cfd2c7;font-size:9px;text-align:center}.wire-elements-flow{padding:18px 2px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:minmax(54px,auto);gap:12px 8px;align-items:start}.document-elements-flow{padding:18px 2px;display:flex;flex-wrap:wrap;gap:12px 8px;align-items:flex-start}.wire-elements-flow .wire-element{min-width:0;width:auto;margin:0;transition:opacity .15s,transform .15s}.wire-elements-flow .wire-element.type-image{grid-row:span 5}.wire-elements-flow .wire-element.dragging{opacity:.4;transform:scale(.98)}.wire-elements-flow .wire-element[draggable=true]{cursor:grab}.wire-elements-flow .wire-element[draggable=true]:active{cursor:grabbing}.element-meta{display:flex;justify-content:space-between;align-items:center}.element-width{color:#7a806f;font:8px DM Mono,monospace}.quick-spec-editor{position:sticky;z-index:8;top:0;margin:14px -2px 8px;padding:14px;background:#eef0e7;border:1px solid #c8ccc0;border-top:4px solid #d5ff3f;border-radius:6px;box-shadow:0 8px 18px #34372f18}.quick-spec-heading{margin-bottom:10px;display:flex;justify-content:space-between;align-items:flex-start}.quick-spec-heading h2{margin:2px 0 0;font-size:15px}.quick-spec-heading .eyebrow{color:#737a6c}.selected-element-type{padding:4px 6px;color:#53594e;background:#dde0d5;border-radius:3px;font:8px DM Mono,monospace}.quick-spec-editor>label{display:block;margin-bottom:5px;font-size:10px;font-weight:700}.quick-spec-editor textarea{width:100%;padding:10px;resize:vertical;color:#252820;background:#fff;border:1px solid #b9beb1;border-radius:4px;font-size:11px;line-height:1.55}.quick-spec-editor textarea:focus{outline:3px solid #d5ff3f;border-color:#272b24}.mapping-guide{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px}.mapping-guide span{padding:3px 5px;color:#62685c;background:#dde0d5;border-radius:3px;font-size:8px}.quick-spec-actions{margin-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.quick-spec-actions>span{color:#777d70;font-size:9px}.quick-spec-actions>span.saved{color:#397146;font-weight:700}.quick-spec-actions button{flex:0 0 auto;padding:9px 12px;color:#1f221d;background:#d5ff3f;border:1px solid #9ebd2c;border-radius:4px;font-size:10px;font-weight:800}.empty-quick-editor{display:grid;gap:4px;color:#6f7569;font-size:10px}.document-wireframes{margin-bottom:60px;padding-bottom:50px;border-bottom:4px solid #22251f}.document-section-title>span{color:#81877a;font:9px DM Mono,monospace;letter-spacing:.1em}.document-screen{margin:25px 0 40px}.document-screen-heading{margin-bottom:8px;display:grid;grid-template-columns:1fr auto;gap:2px 10px}.document-screen-heading strong{font-size:16px}.document-screen-heading code{font-size:10px}.document-screen-heading span{grid-column:1 / -1;color:#74796e;font-size:10px}.document-device{overflow:hidden;background:#fff;border:1px solid #aeb2a7;box-shadow:0 9px 20px #33352e18}.document-browser-bar{height:28px;padding:7px 10px;display:flex;gap:5px;align-items:center;color:#aeb3a8;background:#292c27}.document-browser-bar i{width:6px;height:6px;background:#777c72;border-radius:50%}.document-browser-bar span{margin-left:8px;font:8px DM Mono,monospace}.document-wire-section{padding:14px}.document-wire-section>h3{margin:0;padding-bottom:7px;color:#73786e;border-bottom:1px dashed #d0d3ca;font-size:10px}.document-wire-element{flex:0 0 auto;min-width:160px;padding:7px;border:1px solid #e1e2dc;border-radius:4px}.document-wire-element .element-id{display:none}.ppt-document{max-width:1420px;margin:0 auto}.ppt-document .document-section-title{margin-bottom:18px}.ppt-document .document-section-title h1{margin:4px 0 0;font-size:28px}.ppt-meta{display:grid;grid-template-columns:90px 1fr 90px 1fr 75px 120px;background:#fff;border:1px solid #969b94;font-size:11px}.ppt-meta>*{padding:7px 9px;border-right:1px solid #aaa}.ppt-meta b{color:#fff;background:#20221f;text-align:center}.ppt-layout{display:grid;grid-template-columns:minmax(420px,56%) minmax(360px,44%);min-height:720px;background:#fff;border:solid #969b94;border-width:0 1px}.ppt-wire-column{display:flex;align-items:flex-start;justify-content:center;padding:20px;background:#fafafa;border-right:1px solid #969b94;overflow:auto}.ppt-device.mobile{width:320px;flex:0 0 320px}.ppt-device.pc{width:720px;max-width:100%}.ppt-mobile-status,.ppt-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px}.ppt-mobile-status{font-size:8px}.ppt-mobile-header{min-height:34px;border-bottom:1px solid #ccc;font-size:11px}.ppt-wire-number{position:absolute;z-index:2;top:7px;left:-9px;display:grid;min-width:18px;height:18px;padding:0 2px;place-items:center;color:#fff;background:#f21d13;border-radius:2px;font:800 9px Arial}.ppt-document .document-wire-element{position:relative;min-width:0}.ppt-description-column{min-width:0;border-left:0}.ppt-description-column>h2{margin:0;padding:8px;background:#d5d7d4;border-bottom:1px solid #999;text-align:center;font-size:13px}.ppt-screen-summary{display:grid;grid-template-columns:34px 1fr;border-bottom:1px solid #aaa;font-size:10px}.ppt-screen-summary>*{margin:0;padding:9px;white-space:pre-line}.ppt-screen-summary b{border-right:1px solid #aaa;text-align:center}.ppt-screen-rules h3{margin:0;padding:7px 10px;background:#eef0ec;border-bottom:1px solid #aaa;font-size:10px}.ppt-screen-rules article{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #bbb;font-size:9px}.ppt-screen-rules article>*{margin:0;padding:8px;white-space:pre-line}.ppt-screen-rules article b{border-right:1px solid #bbb}.ppt-description-item{display:grid;grid-template-columns:165px minmax(0,1fr);border-bottom:1px solid #aaa;font-size:9px}.ppt-description-title{display:flex;gap:7px;padding:8px;border-right:1px solid #aaa}.ppt-description-title span{display:grid;width:18px;height:18px;flex:0 0 18px;place-items:center;color:#fff;background:#f21d13;font-weight:800}.ppt-description-content>div{display:grid;grid-template-columns:75px 1fr;border-bottom:1px solid #ddd}.ppt-description-content b,.ppt-description-content p{margin:0;padding:6px;white-space:pre-line}.ppt-description-content b{color:#62685c;border-right:1px solid #ddd}.ppt-footer{padding:6px 12px;background:#fff;border:1px solid #969b94;border-top:0;color:#74796e;text-align:center;font-size:9px}@media(max-width:900px){.ppt-meta{grid-template-columns:75px 1fr}.ppt-layout{grid-template-columns:1fr}.ppt-wire-column{border-right:0;border-bottom:1px solid #999}}@media(max-width:1250px){.canvas{top:91px}.quick-spec-editor{position:static}}.element-size-controls{display:inline-flex;gap:4px;align-items:center;color:#5f6659;font:8px DM Mono,monospace}.element-size-controls button{width:20px;height:20px;padding:0;color:#252820;background:#d5ff3f;border:1px solid #a6c535;border-radius:3px;font-weight:800;line-height:18px}.editor-mode-switch{margin-top:12px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#e4e6dd;border-radius:5px}.editor-mode-switch button{padding:8px;color:#62685d;background:transparent;border:0;border-radius:3px;font-size:9px}.editor-mode-switch button.active{color:#20231e;background:#fff;box-shadow:0 1px 4px #3333;font-weight:800}.document-input-editor{position:static}.mapping-report{margin-top:9px;padding:8px;display:flex;flex-wrap:wrap;gap:5px 10px;color:#3c6546;background:#e7f3e6;border:1px solid #b7d2b8;border-radius:4px;font-size:9px}.mapping-report small{flex-basis:100%}.mapping-report .warning{color:#9b4a31}.mapping-approval{margin-top:8px;display:grid;gap:6px}.mapping-approval small{color:#666c61;font-size:8px}.mapping-approval p{margin:0;padding:6px;color:#9b342c;background:#fff0ee;border:1px solid #efb7b1;font-size:8px}.mapping-approval .confirm-mapping{padding:8px 12px;color:#20231e;background:#d5ff3f;border:1px solid #9cbd24;border-radius:4px;font-size:10px;font-weight:800}.quick-spec-actions>button{font-size:10px}.mapping-approval .confirm-mapping:disabled{cursor:not-allowed;color:#7b8076;background:#e5e7df;border-color:#c8ccc0;opacity:.8}.structured-editor{margin:12px 0;padding:12px;background:#f1f2ec;border:1px solid #d0d3c8;border-radius:6px}.structured-editor-heading{display:flex;justify-content:space-between;align-items:center}.structured-editor-heading h2{margin:2px 0 10px;font-size:15px}.structured-editor-heading span{color:#777d70;font:8px DM Mono,monospace}.structured-editor-heading button,.spec-delete-button,.screen-delete,.section-label button{color:#9a372d;background:#fff3f1;border:1px solid #d6aaa4;border-radius:3px;font-size:8px}.structured-editor-heading button{padding:6px 8px}.spec-card-heading{display:grid;grid-template-columns:1fr auto;padding:0}.spec-card-select{padding:11px 12px;display:grid;grid-template-columns:auto 1fr auto;gap:2px 9px;align-items:center;text-align:left;color:inherit;background:transparent;border:0}.spec-delete-button{margin:9px 8px;padding:4px 6px}.screen-row{position:relative;margin-bottom:8px;border:1px solid #d6d8cf;border-radius:7px;background:#fff}.screen-row.selected{border-color:#22231f;box-shadow:inset 4px 0 #d5ff3f}.screen-row .screen-item{margin:0;padding-right:48px;border:0;background:transparent;box-shadow:none}.screen-delete{position:absolute;right:7px;top:8px;padding:4px}.screen-delete:disabled,.section-label button:disabled{opacity:.35;cursor:not-allowed}.section-label>span:last-child{display:flex;gap:7px;align-items:center}.section-label button{padding:3px 5px}.mock-checkbox{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600}.mock-checkbox input{width:16px;height:16px}.screen-meta-summary{min-width:0;flex:1}.screen-meta-summary p{max-width:760px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.screen-meta-editor{margin-top:8px;max-width:480px}.screen-meta-editor summary{display:inline-block;cursor:pointer;padding:5px 8px;color:#545a4f;background:#f5f6f0;border:1px solid #c8cbc2;border-radius:4px;font-size:9px;font-weight:700}.screen-meta-editor form{margin-top:6px;padding:10px;display:grid;gap:8px;background:#f4f5ef;border:1px solid #c9ccc2;border-radius:5px}.screen-meta-editor label{display:grid;gap:4px;color:#60665a;font-size:9px;font-weight:700}.screen-meta-editor input,.screen-meta-editor textarea,.screen-meta-editor select{width:100%;padding:8px;background:#fff;border:1px solid #bec2b7;border-radius:4px;font-size:10px}.screen-meta-editor button{justify-self:end;padding:7px 10px;color:#fff;background:#242720;border:0;border-radius:4px;font-size:9px;font-weight:700}.sidebar{position:sticky;top:91px;height:calc(100vh - 155px);align-self:start;overflow-y:auto}.resize-drag-handle{position:absolute;top:8px;right:-6px;bottom:22px;width:12px;cursor:ew-resize;z-index:5;border-radius:8px}.resize-drag-handle:before{content:"";position:absolute;top:50%;left:4px;width:4px;height:34px;transform:translateY(-50%);border-radius:3px;background:#d5ff3f;box-shadow:0 0 0 1px #9ebd2c}.wire-element.resizing{-webkit-user-select:none;user-select:none;outline-color:#b9f22f}.wire-element.resizing .resize-drag-handle:before{background:#b9f22f}.device-frame.device-mobile{max-width:360px;margin-left:auto;margin-right:auto;border:1px solid #9ea196;box-shadow:0 16px 38px #2d302826}.device-frame.device-mobile .browser-bar{height:24px;justify-content:flex-end}.device-frame.device-mobile .browser-bar i{display:none}.device-frame.device-mobile .browser-bar span:before{content:"◀  ";font-size:14px}.device-frame.device-mobile .browser-bar span{width:100%;display:flex;justify-content:space-between;font:10px Arial,sans-serif}.device-frame.device-mobile .browser-bar span:after{content:"◫ ♡ 🔊";letter-spacing:3px}.device-frame.device-mobile .wire-section{padding:12px 10px}.device-frame.device-mobile .wire-elements-flow{grid-auto-rows:minmax(42px,auto);gap:8px}.device-frame.device-mobile .wire-element{padding:7px;border-color:#d6d8d0;background:#fff}.device-frame.device-mobile .wire-element.type-button .mock-button{border-radius:0}.device-frame.device-pc{max-width:960px}.mobile-status-bar{height:24px;padding:5px 13px;display:flex;justify-content:space-between;align-items:center;color:#1c1e1a;background:#fff;font:9px Arial,sans-serif}.mobile-screen-header{position:relative;min-height:45px;padding:8px 10px;display:grid;grid-template-columns:minmax(60px,1fr) minmax(100px,2fr) minmax(60px,1fr);gap:5px;align-items:center;background:#fff;border-bottom:1px solid #dedfd9}.mobile-screen-header>strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:text}.mobile-header-actions{display:flex;align-items:center;gap:2px}.mobile-header-actions.right{justify-content:flex-end}.mobile-header-actions button{width:24px;height:24px;padding:0;border:0;background:transparent;font-size:16px}.header-template-editor{position:absolute;z-index:30;left:10px;right:10px;top:68px;padding:12px;display:grid;gap:9px;color:#22251f;background:#fff;border:1px solid #9da193;border-radius:7px;box-shadow:0 12px 30px #0004}.header-editor-backdrop{position:absolute;z-index:29;top:0;right:0;bottom:0;left:0;border:0;background:#1116;cursor:default}.wire-component-title{margin:-5px -5px 8px;padding:7px 9px;color:#242720;background:#f0f2eb;border-bottom:1px solid #d4d7ce;font-size:10px;font-weight:800;cursor:text}.wire-frame-title-input{margin-bottom:8px}.has-frame-title>:is(.component-price,.component-info-list,.component-navigation-list,.component-scrollable-content,.component-result-message,.component-participation,.component-attendance,.component-calendar,.component-itinerary,.component-review,.component-qna,.component-comments,.component-notice,.component-empty)>strong:first-child{display:none}.has-frame-title>.component-product-card section>strong,.has-frame-title>.component-reservation-card>strong,.has-frame-title>.component-coupon-card section>strong,.has-frame-title>.component-event-card>strong{display:none}.header-template-editor>div{display:flex;justify-content:space-between}.header-template-editor>div button{border:0;background:transparent;font-size:18px}.header-template-editor>label{display:grid;gap:4px;font-size:9px}.header-template-editor input,.header-template-editor select{min-width:0;padding:7px;border:1px solid #c9ccc2}.header-template-editor fieldset{min-width:0;padding:7px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border:1px solid #d7d9d2}.header-template-editor legend{font-size:9px;font-weight:700}.header-template-editor fieldset label{display:flex;gap:4px;align-items:center;font-size:8px}.header-template-editor small{color:#6d7268;font-size:8px;line-height:1.5}.device-frame.device-mobile{position:relative}.mobile-screen-header{height:46px;padding:0 13px;display:grid;grid-template-columns:32px 1fr auto;align-items:center;border-bottom:1px solid #e3e4de;background:#fff}.mobile-screen-header button{padding:0;text-align:left;background:transparent;border:0;font-size:27px;font-weight:300}.mobile-screen-header strong{overflow:hidden;font-size:15px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.mobile-screen-header span{color:#30332d;font-size:13px;white-space:nowrap}.component-mobile-header{height:42px;padding:0 8px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;border-bottom:1px solid #dedfd9}.component-mobile-header button{padding:0;text-align:left;background:transparent;border:0;font-size:24px}.component-mobile-header strong{text-align:center}.component-mobile-header span{text-align:right}.component-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6d8d0;background:#fff}.component-bottom-nav span{padding:8px 2px 6px;display:grid;place-items:center;gap:3px;color:#8a8d85;font:7px DM Mono,monospace}.component-bottom-nav span i{width:15px;height:15px;border:1px solid currentColor;border-radius:4px}.component-bottom-nav span.active{color:#1f221d;font-weight:700}.component-filter-chips{display:flex;gap:6px;overflow:hidden}.component-filter-chips span{padding:7px 11px;flex:0 0 auto;border:1px solid #bfc2b9;border-radius:16px;background:#fff;font-size:9px}.component-filter-chips span.active{color:#fff;background:#1f211d;border-color:#1f211d}.component-sort{min-height:34px;display:flex;justify-content:space-between;align-items:center}.component-sort strong{font-size:11px}.component-sort button{padding:5px 7px;background:#fff;border:0;font-size:9px}.component-accordion{min-height:42px;padding:9px 4px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #dadcd4;border-bottom:1px solid #dadcd4}.component-accordion span{font-size:17px}.component-empty{min-height:150px;display:grid;place-content:center;gap:7px;text-align:center;color:#777c72}.component-empty div{font-size:36px;color:#b5b9ae}.component-empty strong{color:#363a32;font-size:12px}.component-empty span{font-size:9px}.component-notice{padding:12px;color:#5e543e;background:#fff9e9;border:1px solid #ead9a8;border-radius:6px}.component-notice strong{display:block;margin-bottom:5px;color:#9a6a13;font-size:10px}.component-notice p{margin:0;font-size:9px;line-height:1.5}.component-layer{min-height:130px;padding:13px;background:#fff;border:1px solid #aeb2a7;border-radius:16px 16px 0 0;box-shadow:0 10px 25px #292b2530}.component-layer>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e2db;padding-bottom:10px}.component-layer button{background:transparent;border:0;font-size:18px}.component-layer p{font-size:10px;line-height:1.5}.component-alert{width:88%;margin:8px auto;padding:18px 14px 12px;text-align:center;background:#fff;border:1px solid #bfc2b8;border-radius:8px;box-shadow:0 8px 24px #2224}.component-alert p{font-size:9px;line-height:1.5}.component-alert>div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.component-alert button{padding:8px;border:0}.component-alert button:last-child{color:#fff;background:#22241f}.component-calendar>strong,.component-attendance>strong{display:block;margin-bottom:9px;font-size:12px}.mini-calendar{padding:10px;border:1px solid #d5d7cf;border-radius:8px}.mini-calendar-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mini-calendar-title button{background:transparent;border:0}.mini-calendar-week,.mini-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.mini-calendar-week span{padding:4px 0;color:#888d82;font-size:8px}.mini-calendar-days span{height:28px;display:grid;place-items:center;font-size:8px;border-radius:50%}.mini-calendar-days span.selected{color:#fff;background:#22251f}.mini-calendar-days span.checked{color:#4d6500;background:#dfff75}.component-calendar>button,.component-attendance>button{width:100%;margin-top:8px;padding:10px;color:#fff;background:#22251f;border:0}.component-stepper{min-height:56px;display:flex;justify-content:space-between;align-items:center}.component-stepper>div{display:grid;gap:4px}.component-stepper small{color:#898d84;font-size:8px}.component-stepper>span{display:flex;align-items:center;border:1px solid #c8cbc1}.component-stepper button{width:28px;height:28px;background:#fff;border:0}.component-stepper b{min-width:24px;text-align:center}.component-form{display:grid;gap:7px}.component-form input{padding:10px;background:#fff;border:1px solid #c5c8be;font-size:9px}.component-upload{min-height:110px;display:grid;place-content:center;gap:5px;text-align:center;border:1px dashed #aeb2a7;background:#fafbf7}.component-upload div{font-size:24px}.component-upload span{color:#858980;font-size:8px}.component-carousel{position:relative;min-height:220px;background:#e2e4dd}.component-carousel>div{min-height:220px;display:grid;place-content:center;gap:5px;text-align:center;color:#6f7469}.component-carousel small{position:absolute;right:9px;bottom:9px;padding:3px 7px;color:#fff;background:#111a;border-radius:10px}.component-hero{position:relative;min-height:220px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(155deg,#757b70,#20231e)}.component-hero>span{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);color:#bfc4b9;font:9px DM Mono,monospace}.component-hero strong{font-size:18px}.component-hero p{margin:6px 0;font-size:9px}.component-hero i{font-size:8px;font-style:normal}.component-product-card{display:grid;grid-template-columns:92px 1fr;gap:10px;border:1px solid #d1d4ca;border-radius:8px;overflow:hidden}.component-product-card>div{min-height:110px;display:grid;place-items:center;color:#8b9085;background:#e3e5de;font:8px DM Mono,monospace}.component-product-card section{padding:10px 8px 8px 0;display:grid;gap:4px}.component-product-card section span{color:#84974c;font-size:7px}.component-product-card section strong{font-size:10px}.component-product-card section p{margin:0;color:#71766c;font-size:8px}.component-product-card section b{font-size:11px}.component-reservation-card{padding:12px;display:grid;gap:7px;border:1px solid #cdd0c6;border-radius:8px}.component-reservation-card header,.component-reservation-card footer{display:flex;justify-content:space-between;align-items:center}.component-reservation-card header span{padding:3px 6px;background:#d5ff3f;font-size:7px}.component-reservation-card code{color:#858a80;font-size:7px}.component-reservation-card p{margin:0;font-size:8px}.component-reservation-card footer button{padding:5px 8px;background:#fff;border:1px solid #bfc2b8;font-size:8px}.component-coupon-card{display:grid;grid-template-columns:1fr 72px;border:1px solid #bfc2b8;border-radius:10px;overflow:hidden}.component-coupon-card section{padding:14px;display:grid;gap:6px}.component-coupon-card section b{color:#ed6c27;font-size:20px}.component-coupon-card section strong{font-size:10px}.component-coupon-card section p{margin:0;font-size:8px}.component-coupon-card aside{display:grid;place-content:center;gap:7px;text-align:center;background:#f1f2ed;border-left:1px dashed #aeb2a8}.component-coupon-card aside span{font-size:7px}.component-coupon-card aside button{width:28px;height:28px;border:1px solid #333;border-radius:50%;background:#fff}.component-event-card{position:relative;display:grid;gap:6px}.component-event-card>div{min-height:130px;display:grid;place-items:center;color:#989c93;background:#e2e4dd;font:8px DM Mono,monospace}.component-event-card p{margin:0;font-size:8px}.component-event-card>span{position:absolute;right:7px;top:7px;padding:3px 6px;color:#fff;background:#252821;font-size:7px}.component-review,.component-qna,.component-comments{padding:12px;border:1px solid #d1d4ca;border-radius:7px}.component-review header,.component-qna header{display:flex;justify-content:space-between}.component-review p,.component-qna p,.component-comments p{font-size:9px;line-height:1.5}.component-review small{color:#81867b;font-size:8px}.component-qna button{padding:4px 7px;background:#fff;border:1px solid #bbb;font-size:8px}.component-qna p span{margin-right:6px;color:#547000}.component-comments{display:grid;gap:8px}.component-comments textarea{min-height:56px;padding:8px;border:1px solid #c8cbc1}.component-comments>div{padding-top:7px;border-top:1px solid #e0e2db}.component-itinerary{display:grid;gap:4px}.component-itinerary>strong{margin-bottom:6px}.component-itinerary>div{display:grid;grid-template-columns:45px 10px 1fr;gap:6px;align-items:center}.component-itinerary>div b{font-size:8px}.component-itinerary>div span{width:8px;height:8px;background:#d5ff3f;border:2px solid #28301b;border-radius:50%}.component-itinerary p{margin:0;padding:8px;background:#f2f3ee;font-size:8px}.component-price,.component-info-list{display:grid;gap:9px}.mock-info-rows{display:grid;gap:4px}.mock-info-rows>div{display:grid;grid-template-columns:58px 1fr;gap:8px;font-size:8px}.mock-info-rows span{color:#858a80}.mock-info-rows strong{font-weight:500}.component-price footer{padding-top:9px;display:flex;justify-content:space-between;border-top:1px solid #bfc2b8}.component-price footer b{font-size:15px}.component-participation{padding:13px;display:grid;gap:8px;background:#f5f6f1;border-radius:7px}.component-participation>span{color:#559000;font-size:7px}.component-participation p{margin:0;font-size:9px}.component-participation button{padding:11px;color:#fff;background:#1f211d;border:0;font-weight:700}.component-countdown{text-align:center}.component-countdown>div{margin-top:9px;display:flex;justify-content:center;align-items:center;gap:5px}.component-countdown b{padding:8px;color:#fff;background:#22251f;border-radius:4px}.component-sticky-action{padding:7px;background:#fff;border-top:1px solid #d1d4ca;box-shadow:0 -6px 14px #2222}.component-sticky-action button{width:100%;padding:13px;color:#fff;background:#1f211d;border:0;font-weight:700}.component-badges{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.component-badges strong{width:100%}.component-badges span{padding:4px 6px;background:#e9eb7c;border-radius:3px;font-size:7px}.component-layer-title{padding:4px 0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d7ce}.component-layer-title strong{font-size:15px}.component-layer-title button{width:24px;height:24px;border:0;background:transparent;font-size:18px}.component-agreement{padding:10px;display:flex;gap:9px;align-items:center;border:1px solid #d0d3ca;border-radius:6px}.component-agreement input{width:16px;height:16px}.component-agreement span{display:flex;flex:1;justify-content:space-between;align-items:center}.component-agreement small{color:#6f7569;font-size:8px}.component-scrollable-content{position:relative;min-height:92px;max-height:120px;padding:10px 18px 10px 10px;overflow:hidden;border:1px solid #d0d3ca;background:#fafbf8}.component-scrollable-content p{margin:8px 0;color:#62675e;font-size:8px;line-height:1.6}.component-scrollable-content>span{position:absolute;right:3px;top:26px;bottom:4px;width:4px;color:transparent;background:#d7d9d2;border-radius:3px}.component-navigation-list{display:grid;border-top:1px solid #d4d7ce}.component-navigation-list>strong{padding:9px 4px;font-size:10px}.component-navigation-list>div{padding:10px 6px;display:flex;justify-content:space-between;border-top:1px solid #e4e6df;font-size:9px}.component-navigation-list b{font-size:14px}.component-result-message{min-height:170px;padding:14px;display:grid;place-content:center;gap:8px;text-align:center}.component-result-message>.result-metaphor{margin:auto;width:76px;min-height:64px;padding:7px;display:grid;place-items:center;color:#777d72;background:#eef0e9;border:1px dashed #c7cbc0;border-radius:10px}.result-metaphor span{font-size:24px}.result-metaphor small{max-width:66px;font-size:7px;line-height:1.3}.component-result-message strong{font-size:13px}.component-result-message>b{font-size:11px}.component-result-message p{max-width:260px;margin:0;color:#656b61;font-size:8px;line-height:1.5;white-space:pre-line}.component-editable-unit{min-height:120px;display:grid;grid-template-columns:38% 1fr;overflow:hidden;border:1px solid #cfd2c8;border-radius:7px;background:#fff}.component-editable-unit .unit-image{min-height:105px;display:grid;place-content:center;text-align:center;color:#73796f;background:#e7e9e3;font-size:9px}.component-editable-unit .unit-image small{max-width:90px;font-size:7px}.component-editable-unit section{padding:10px;display:grid;align-content:center;gap:5px}.component-editable-unit section>span{width:max-content;padding:2px 5px;color:#56604f;background:#e8efdf;border-radius:3px;font-size:7px}.component-editable-unit strong{font-size:12px}.component-editable-unit p{margin:0;color:#666d62;font-size:8px;line-height:1.4}.component-editable-unit section>small{color:#73796f;font-size:7px}.component-editable-unit section>b{font-size:11px}.component-editable-unit button{padding:6px;color:#fff;background:#232620;border:0;font-size:8px}.banner-unit{grid-template-columns:1fr;position:relative}.banner-unit .unit-image{min-height:150px}.banner-unit section{position:absolute;left:8px;right:8px;bottom:8px;color:#fff;background:#20231eaa}.wire-element.type-scrollablecontent,.wire-element.type-resultmessage{grid-row:span 2}.component-participation>p,.component-hero>p,.component-layer>p,.component-alert>p{display:none}.wire-element.type-herobanner,.wire-element.type-imagecarousel{grid-row:span 3}.wire-element.type-stickyactionbar{position:sticky;bottom:0;z-index:4}.element-callout{position:absolute;left:-9px;top:8px;min-width:18px;height:18px;padding:0 4px;display:inline-grid;place-items:center;color:#fff;background:#ff1b12;border-radius:2px;font:800 10px Arial,sans-serif;z-index:6}.spec-overview-card:before{content:counter(spec-card);position:absolute;left:-8px;top:18px;min-width:18px;height:18px;display:grid;place-items:center;color:#fff;background:#ff1b12;border-radius:2px;font:800 10px Arial,sans-serif}.spec-overview-list{counter-reset:spec-card}.spec-overview-card{counter-increment:spec-card;position:relative}.screen-item small em{display:inline-block;margin-right:6px;padding:1px 4px;color:#22251f;background:#d5ff3f;border-radius:3px;font-style:normal;font-size:8px}.spec-overview-card:before{content:none!important}.spec-order-badge{position:absolute;left:-8px;top:18px;min-width:18px;height:18px;padding:0 3px;display:grid;place-items:center;color:#fff;background:#ff1b12;border-radius:2px;font:800 10px Arial,sans-serif;z-index:7}.spec-card-overview:empty{display:none}.structured-editor.compact{padding:10px}.inline-structured-editor{margin-top:12px;padding:12px;border-top:1px dashed var(--line);background:#f6f8f1b8}.inline-editor-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px;color:var(--ink)}.inline-editor-heading span{font-weight:800}.inline-editor-heading small{color:var(--muted);font-size:11px;line-height:1.4}.inline-structured-editor form{display:grid;gap:10px}.inline-structured-editor fieldset{min-width:0}.spec-order-badge{left:0!important;top:16px;border-radius:0 3px 3px 0}.spec-card-select{padding-left:34px}.content-slot-editor{margin:9px 0 13px;padding:10px;display:grid;gap:8px;background:#f4f6ee;border:1px solid #d1d5c8;border-radius:5px}.content-slot-editor>div{display:grid;gap:2px}.content-slot-editor>div strong{font-size:10px}.content-slot-editor>div small{color:#6c7267;font-size:8px}.content-slot-editor label{display:grid;gap:4px}.content-slot-editor label>span{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.content-slot-editor em{color:#777d71;font:7px DM Mono,monospace}.content-slot-editor input,.content-slot-editor textarea{width:100%;box-sizing:border-box;padding:8px;color:#242720;background:#fff;border:1px solid #bdc2b5;border-radius:4px;font-size:10px}.content-slot-editor textarea{resize:vertical}.component-type-editor{margin:9px 0 12px;padding:10px;display:grid;gap:6px;background:#fff;border:1px solid #bfc5b7;border-left:4px solid #d5ff3f;border-radius:5px}.component-type-editor>label{color:#555c50;font-size:9px;font-weight:700}.component-type-editor>select{width:100%;padding:8px;color:#242720;background:#fff;border:1px solid #aeb5a5;border-radius:4px;font-size:10px;font-weight:700}.component-type-editor>div{display:flex;gap:6px;align-items:center}.component-type-editor>div span{padding:3px 5px;color:#596052;background:#e7eadf;border-radius:3px;font-size:8px}.component-type-editor>div strong{font-size:10px}.component-type-editor>div code{margin-left:auto;color:#858b7e;font:8px DM Mono,monospace}.component-type-editor p{margin:0;color:#34382f;font-size:9px;line-height:1.5}.component-type-editor>small{color:#787e72;font-size:8px;line-height:1.4}.spec-card-heading .element-type{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit}.component-search-results{display:grid;gap:7px}.component-search-results>header{display:flex;justify-content:space-between;align-items:center}.component-search-results>header strong{font-size:11px}.component-search-results>header button{padding:5px 8px;color:#262923;background:#fff;border:1px solid #bfc3b8;border-radius:3px;font-size:8px}.community-result-unit,.post-result-unit{padding:8px;display:grid;gap:8px;align-items:center;border:1px solid #d4d7ce;border-radius:6px;background:#fff}.community-result-unit{grid-template-columns:52px 1fr auto}.community-result-unit .unit-logo,.post-result-unit .unit-thumbnail{min-height:44px;display:grid;place-content:center;text-align:center;background:#e8eae4;font-size:7px}.community-result-unit section,.post-result-unit section{min-width:0;display:grid;gap:3px}.community-result-unit strong,.post-result-unit strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.community-result-unit p,.post-result-unit p{margin:0;color:#5f655b;font-size:8px}.community-result-unit small,.post-result-unit small{color:#7a8075;font-size:7px}.post-result-unit{grid-template-columns:1fr 62px}.post-result-unit p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.repeat-note{text-align:right;color:#7b8176;font-size:7px}