:root{color-scheme:light;--ink:#173d35;--green:#176f5d;--paper:#faf8f2;--line:#c9d7ce;--mint:#d6ebdf;--peach:#f5bd9f;--es3d-font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--es3d-font)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #8d4d8e;outline-offset:3px}a{color:var(--green)}[hidden]{display:none!important}#app{max-width:1512px;margin:auto;padding:44px 40px 24px}#application-header{margin-bottom:0}.ta-title{letter-spacing:-.04em!important}.ta-subtitle{max-width:61ch!important}#operational{position:relative}#workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,1fr);gap:0 32px}#preview{border-top-left-radius:0!important;border-top-right-radius:0!important}#configuration{padding:28px 0 0;min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}.eyebrow{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:var(--green)}h2{font-size:28px;line-height:1.15;letter-spacing:-.025em;margin:0 0 14px;font-weight:650}.intro{margin:0 0 26px;color:#476157;max-width:55ch}.field{margin:0 0 20px;min-width:0}.field label{display:block;font-size:16px;line-height:1.4;font-weight:500;margin:0 0 8px}.field label span{color:#50685d;font-weight:400}.field input{display:block;width:100%;min-width:0;min-height:48px;border:1px solid #9bb6a7;border-radius:9px;background:white;padding:10px 12px;color:var(--ink);font:400 16px/1.4 var(--es3d-font)}.field input:focus{border-color:var(--green)}.field input[aria-invalid=true]{border:2px solid #9c3d3d}.field small{display:block;color:#50685d;font-size:13px;margin-top:6px}.two-fields{display:grid;grid-template-columns:1fr 2fr;gap:16px}.two-fields:has([type=time]){grid-template-columns:1fr 1fr}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:48px;border:1px solid var(--ink);border-radius:999px;padding:12px 20px;font-size:15px;line-height:1.4;font-weight:650}.primary{color:white;background:var(--ink)}.primary:hover:not(:disabled){background:#245c4e}.secondary{color:var(--ink);background:transparent}.secondary:hover:not(:disabled){background:var(--mint)}.text-button{border:0;border-bottom:1px solid currentColor;padding:6px 0;background:none;color:var(--green);font-size:14px}.step-navigation{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.step-navigation button{flex:0 1 auto}.privacy,.note{font-size:13px;line-height:1.5;color:#50685d;margin:20px 0 0}.note{border-top:1px solid var(--line);padding-top:20px}fieldset{padding:0;border:0;margin:0 0 28px;min-width:0}legend{padding:0;margin-bottom:12px;font-size:16px;font-weight:500}.choice-list{display:flex;flex-direction:column;gap:10px}.choice{position:relative;display:flex;align-items:center;gap:12px;border:1px solid #b7cbbb;padding:16px;border-radius:12px;min-height:80px;background:transparent;cursor:pointer}.choice:has(input:checked),.option:has(input:checked){background:var(--mint);border-color:var(--green)}.choice input,.option input{width:18px;height:18px;flex:none;accent-color:var(--green);margin:0}.choice strong{display:block;font-size:16px;font-weight:600}.choice small{display:block;color:#466153;font-size:13px;line-height:1.45;margin-top:3px}.choice-symbol{margin-left:auto;color:#477967;font-size:28px;flex:none}.inline-options{display:flex;gap:12px;flex-wrap:wrap}.option{display:flex;align-items:center;gap:9px;min-height:52px;flex:1 1 110px;border:1px solid #b7cbbb;border-radius:12px;padding:12px;cursor:pointer}.option small{font-size:12px;color:#50685d}.swatches{display:flex;margin-left:auto;flex:none}.swatches i{width:20px;height:30px;display:block;border:1px solid #0001}.swatches i:first-child{border-radius:14px 0 0 14px}.swatches i:last-child{border-radius:0 14px 14px 0}#scene{background:radial-gradient(ellipse at 50% 40%,#314e43,#112c22 80%)}#model{touch-action:pan-y}#model[data-interact=true]{touch-action:none;cursor:grab}#model[data-interact=true]:active{cursor:grabbing}#preview-message{position:absolute;left:12px;right:12px;bottom:36px;z-index:1;max-width:640px;margin:auto;padding:10px 12px;border-radius:8px;background:#11221deb;color:#eaf4ee;font-size:13px;line-height:1.4;pointer-events:none}#preview-message:empty{display:none}#preview-message[data-state=error]{border-left:3px solid #f4ad8d}.render-label{position:absolute;bottom:10px;left:10px;right:10px;text-align:center;color:#c5d9cc;font-size:11px;pointer-events:none}#dimensions{font-size:11px}#mesh-info{font-size:10px}#interact[aria-pressed=true]{background:#2f5f49!important}dl{margin:0 0 24px}dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}dt{color:#526b60;font-size:14px}dd{margin:0;text-align:right;font-weight:500;font-size:14px;overflow-wrap:anywhere}.notice{padding:18px;background:#f8e8cd;border-left:3px solid #a8681c;border-radius:0 10px 10px 0;margin:24px 0;color:#694211}.notice strong{font-size:15px}.notice p{font-size:14px;margin:8px 0 0}#purchase{width:100%}.form-error{background:#f6e1dd;color:#873931;border-left:3px solid #a0483c;padding:12px;font-size:14px;border-radius:0 8px 8px 0}.about{padding:64px 0 36px;margin-top:48px;border-top:1px solid var(--line);max-width:850px}.about p{color:#466153;max-width:72ch}.about h2{font-size:32px;max-width:16ch}.about details{border-bottom:1px solid var(--line);padding:16px 0}.about summary{cursor:pointer;font-weight:550;min-height:28px}.about details p{font-size:15px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;font-size:13px;color:#526b60}.skip{position:fixed;top:8px;left:8px;z-index:10000;background:white;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}.no-script{margin:24px;padding:24px;background:#f8e8cd}.telaio-revision-dialog{color:var(--ink)}
@media(min-width:1600px){#app{max-width:1640px}}@media(max-width:1199px){#app{padding:32px 28px 20px}#workspace{gap:0 28px}#configuration{padding-top:28px}h2{font-size:28px}.about{margin-top:36px}}
@media(max-width:767px){#app{padding:24px 16px 16px}#configuration{padding-top:24px}.section-top{margin-bottom:18px}.eyebrow{font-size:12px}h2{font-size:28px}.intro{font-size:16px;margin-bottom:24px}.two-fields{gap:12px}.choice{padding:14px 12px;gap:10px}.choice strong{font-size:15px}.choice-symbol{font-size:24px}.swatches i{width:16px;height:28px}.step-navigation{padding-top:20px;margin-top:24px}.primary,.secondary{padding:12px 17px;font-size:14px}.about{padding-top:40px;margin-top:36px}.about h2{font-size:28px}footer{flex-wrap:wrap;gap:10px}#mesh-info{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.check-options{display:flex;flex-wrap:wrap;gap:8px 18px}.check-options label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px}.check-options input{width:18px;height:18px;accent-color:var(--green)}.visibility small{font-size:13px;line-height:1.45;color:#50685d}
#preview-message[data-state=error]{pointer-events:auto}#preview-message button{display:block;min-height:44px;border:1px solid #8caf9b;border-radius:20px;margin-top:10px;padding:6px 12px;background:#254935;color:#eef8f1;font-size:13px}
.text-button{min-height:44px}.about summary{min-height:44px;display:list-item}

/* The WordPress host owns its common header/phase bar and the only page scroll. */
html[data-hosted=true] #application-header,html[data-hosted=true] #phases,html[data-hosted=true] .about,html[data-hosted=true] footer{display:none!important}
html[data-hosted=true] #app{max-width:none;margin:0;padding:0}
html[data-hosted=true] #configuration{padding-bottom:0}
/* R02: product choices and native preview tools. Shared Telaio geometry remains the owner. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#app[data-telaio-model-preview]{--telaio-preview-footer:82px}.history-controls{display:flex;gap:10px;margin:-10px 0 24px}.history-controls button{min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--green);font:500 13px system-ui;cursor:pointer}.history-controls button:disabled{opacity:.4;cursor:default}
.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-choice{position:relative;min-width:0;display:flex;flex-direction:column;border:1px solid #b7cbbb;border-radius:14px;overflow:hidden;cursor:pointer;background:#f7f5ee}.theme-choice>input{position:absolute;z-index:1;top:10px;left:10px;width:18px;height:18px;margin:0;accent-color:var(--green)}.theme-choice>img{display:block;width:100%;height:160px;object-fit:contain;background:#eeece4;padding:12px}.theme-choice>span{padding:12px}.theme-choice strong{font-size:14px;line-height:1.25;display:block}.theme-choice small{font-size:12px;line-height:1.4;display:block;color:#526b60;margin-top:5px}.theme-choice:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.theme-choice:has(input:checked)>span{background:var(--mint)}.theme-choice:has(input:focus-visible){outline:3px solid #087d68;outline-offset:2px}.surprise{margin-top:18px}.note.compact{font-size:12px;margin-top:10px;padding-top:8px}.decoration-control{border-top:1px solid var(--line);padding:20px 0 4px}.decoration-control>label[for]{display:flex;justify-content:space-between;align-items:center;margin:6px 0}.decoration-control output{font-weight:650}.decoration-control input[type=range]{padding:0;min-height:36px;border:0;accent-color:var(--green);width:100%}#decoration-options{margin-top:28px;border-block:1px solid var(--line);padding:18px 0}#decoration-options summary{font-weight:600;cursor:pointer;margin-bottom:20px}.check-label{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:550;margin-bottom:8px}.check-label input{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--green)}select{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid #b7cbbb;border-radius:9px;padding:10px 34px 10px 12px;background:#fff;color:var(--ink);font:16px system-ui}.font-field{position:relative}.font-sample{font-size:37px;line-height:1.3;padding:8px 0 5px;color:var(--ink);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-kerning:normal}.size-options .option{flex-basis:70px}.palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border:1px solid #b7cbbb;background:transparent;border-radius:10px;cursor:pointer;font:13px/1.3 system-ui;text-align:left;color:var(--ink)}.palette-button .swatches{margin:0}.palette-button[aria-pressed=true]{border-color:var(--green);background:var(--mint)}.color-select{display:flex;gap:10px;align-items:center}.color-chip{width:40px;height:40px;flex:none;border-radius:50%;border:1px solid #0002}.color-select select{flex:1}.color-field{margin-bottom:18px}
#scene{background:radial-gradient(ellipse at 50% 45%,#faf8f1,#e5e4da 88%)}.render-label{color:#4d6259;font-size:10px}.preview-actions select{flex:1.3 1 0!important;width:92px;min-width:0!important;max-width:130px;height:44px!important;min-height:44px!important;margin:0!important;padding:6px 2px!important;border:0!important;border-radius:6px!important;background:#102219!important;color:#eef8f1!important;font:500 12px/1.2 system-ui!important}.preview-actions option{background:#102219;color:#eef8f1}.preview-actions #fullscreen{flex:0 0 44px!important;font-size:23px!important}.zoom-controls{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;width:min(270px,calc(100% - 24px));height:40px;padding:2px 5px;background:#faf8f2ed;border:1px solid #b8c5b9;border-radius:24px;z-index:2;color:#173d35}.zoom-controls button{width:36px;height:36px;min-height:36px;padding:0;flex:none;background:transparent;border:0;font-size:23px;color:#173d35;cursor:pointer}.zoom-controls input{width:100%;min-width:20px;height:30px;min-height:0;margin:0;padding:0;border:0;background:transparent;accent-color:#176f5d}.zoom-controls output{min-width:40px;font:11px system-ui;text-align:center}.preview-help{position:absolute;top:8px;left:10px;right:10px;margin:0;padding:0;text-align:center;color:#52685f;font:10px/1.4 system-ui;pointer-events:none}.share-note{position:absolute;bottom:85px;left:12px;right:12px;margin:0;background:#f9f8eeef;border:1px solid #b7cbbb;border-radius:8px;color:#173d35;padding:10px;font:12px/1.4 system-ui;pointer-events:none}.share-note:empty{display:none}#preview-message{bottom:85px}#preview-message[data-state=error]{pointer-events:auto}#preview-message button{display:block;margin:6px 0 0;min-height:36px;border:1px solid #8aa997;background:transparent;color:#fff;border-radius:6px;padding:6px 10px;cursor:pointer}.preview-bottom #dimensions{flex:1 0 100%;font-size:11px;text-align:center}.preview-file-actions{display:flex;justify-content:center;gap:10px;flex:1}.preview-file-actions button{height:44px;min-height:44px;border:1px solid #486152;border-radius:7px;background:transparent;color:#eef8f1;padding:6px 12px;font:500 12px system-ui;cursor:pointer}.preview-file-actions button:disabled{opacity:.45;cursor:default}#preview:fullscreen{width:100vw!important;height:100dvh!important;max-height:none!important;border:0!important;border-radius:0!important;transform:none!important;top:0!important}.preview-file-actions button:focus-visible,.zoom-controls :focus-visible{outline:2px solid #4b9d73;outline-offset:1px}
@media(max-width:640px){.theme-choice>img{height:136px;padding:10px}.theme-choice>span{padding:10px}.theme-grid{gap:9px}.theme-choice strong{font-size:13px}.theme-choice small{font-size:11px}.palette-grid{gap:8px}.font-sample{font-size:32px}.preview-help{font-size:9px}.preview-actions select{font-size:11px!important}.preview-file-actions button{padding-inline:10px}.history-controls{margin-top:-5px}}

.field .check-label{display:flex}.field .check-label input{display:block;width:18px;flex:none;height:18px;min-height:0;padding:0}select:focus-visible{outline:3px solid #8d4d8e;outline-offset:3px}

html.preview-expanded-page{overflow:hidden}#preview.preview-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh;max-height:none;border-radius:0;display:grid;grid-template-rows:56px minmax(0,1fr) 82px;background:var(--ta-paper,#faf9f4)}#preview.preview-expanded .scene{height:100%;min-height:0}

.share-manual{position:absolute;z-index:4;left:20px;right:20px;bottom:96px;background:#faf9f4;border:1px solid #35564d;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:8px}.share-manual label{grid-column:1/-1;font-size:14px}.share-manual input{width:100%;min-width:0;font-size:14px;padding:10px}.share-manual button{padding:8px;font-size:13px}.share-manual[hidden]{display:none}
/* Fullscreen is a deliberate temporary view, outside the ordinary Telaio pane geometry. */
html.preview-expanded-page,html.preview-expanded-page body{overflow:hidden!important}#preview.preview-expanded,#preview:fullscreen{position:fixed!important;inset:0!important;top:0!important;left:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;transform:none!important;border-radius:0!important;border:0!important;z-index:10000!important}#preview.preview-expanded [data-telaio-preview-scene]{height:100%!important;min-height:0!important}