@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#152019;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f0e8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.shell{grid-template-columns:minmax(320px,430px) 1fr;min-height:100vh;display:grid}.controls-panel{color:#f8f5ed;background:#13251b;flex-direction:column;padding:30px 42px 40px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;display:flex}.brand-mark{color:#13251b;background:#ff6b35;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.controls-content{flex-direction:column;flex:1;justify-content:center;max-width:360px;display:flex}.eyebrow{color:#ff8a5e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}h1,h2{letter-spacing:-.055em;margin:0;font-family:Space Grotesk,sans-serif}h1{max-width:320px;font-size:clamp(50px,5vw,72px);line-height:.94}.intro{color:#bdc9c0;margin:24px 0 36px;font-size:16px;line-height:1.65}form{gap:12px;display:grid}label{color:#e4eae5;justify-content:space-between;font-size:13px;font-weight:600;display:flex}label span{color:#829087;font-weight:400}input{color:#fff;letter-spacing:.04em;background:#1b3023;border:1px solid #3b4b40;border-radius:14px;outline:none;width:100%;height:58px;padding:0 18px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;transition:border-color .16s,box-shadow .16s}input:focus{border-color:#ff8a5e;box-shadow:0 0 0 3px #ff6b352e}select{appearance:none;color:#fff;cursor:pointer;background:linear-gradient(45deg,#0000 50%,#aebbb2 50%) calc(100% - 19px) 22px/6px 6px no-repeat,linear-gradient(135deg,#aebbb2 50%,#0000 50%) calc(100% - 13px) 22px/6px 6px no-repeat,#1b3023;border:1px solid #3b4b40;border-radius:14px;outline:none;width:100%;height:52px;padding:0 42px 0 16px}select:focus{border-color:#ff8a5e;box-shadow:0 0 0 3px #ff6b352e}fieldset{border:0;min-width:0;margin:8px 0 0;padding:0}legend{color:#e4eae5;margin-bottom:10px;font-size:13px;font-weight:600}.orientation-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.orientation-picker label{color:#aebbb2;cursor:pointer;background:#1b3023;border:1px solid #3b4b40;border-radius:14px;justify-content:flex-start;align-items:center;gap:10px;min-height:58px;padding:10px 12px;transition:border-color .16s,background .16s;display:flex}.orientation-picker label.selected{color:#fff;background:#253c2d;border-color:#ff8a5e}.orientation-picker input{opacity:0;width:1px;height:1px;position:absolute}.orientation-icon{border:2px solid;border-radius:3px;display:block}.horizontal-icon{width:25px;height:17px}.vertical-icon{width:17px;height:25px}.error{color:#ffae91;margin:0;font-size:13px}.silhouette-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.silhouette-grid label{color:#bdc9c0;cursor:pointer;background:#1b3023;border:1px solid #3b4b40;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;display:flex;position:relative}.silhouette-grid label.selected{color:#ff8a5e;background:#253c2d;border-color:#ff8a5e}.silhouette-grid svg{width:38px;height:38px}.silhouette-grid span{color:inherit;text-align:center;font-size:10px}.silhouette-grid input{opacity:0;width:1px;height:1px;position:absolute}.silhouette-grid label:focus-within,.orientation-picker label:focus-within{outline-offset:3px;outline:2px solid #ff8a5e}.field-hint{color:#bdc9c0;margin:8px 0;font-size:12px;line-height:1.5}.primary-button,.download-button{border-radius:14px;height:54px;font-weight:700;transition:transform .16s,background .16s}.primary-button{color:#13251b;background:#ff6b35;border:0;margin-top:6px}.primary-button:hover:not(:disabled){background:#ff7c4b;transform:translateY(-1px)}.download-button{color:#f8f5ed;background:0 0;border:1px solid #526158;width:100%;margin-top:12px}.download-button:hover:not(:disabled){background:#1b3023;border-color:#8c9a91}.specs{border-top:1px solid #304037;grid-template-columns:repeat(2,1fr);gap:12px;margin:34px 0 0;padding-top:22px;display:grid}.specs div{min-width:0}.specs dt{color:#829087;text-transform:uppercase;margin-bottom:6px;font-size:11px}.specs dd{color:#dbe3dd;margin:0;font-size:12px;font-weight:600}.preview-panel{background:radial-gradient(circle at 78% 22%,#ffffffb8,#0000 32%),#f3f0e8;flex-direction:column;min-width:0;min-height:640px;padding:34px 44px 26px;display:flex;position:relative;overflow:hidden}.preview-header{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.preview-header h2{color:#152019;text-overflow:ellipsis;white-space:nowrap;max-width:600px;font-size:30px;overflow:hidden}.status{color:#526158;background:#ffffff8c;border:1px solid #d5d6ce;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.status i{background:#37a66a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #37a66a1f}.viewer{position:absolute;inset:0}.viewer canvas{display:block}.viewer-hint{z-index:2;color:#68736b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border-radius:999px;align-self:center;margin:auto 0 0;padding:9px 14px;font-size:12px;position:relative}@media (width<=820px){.shell{grid-template-columns:1fr}.controls-panel{min-height:auto;padding:24px}.controls-content{max-width:none;padding:64px 0 8px}h1{font-size:52px}.preview-panel{min-height:560px;padding:26px 24px 20px}}@media (width<=480px){.specs{gap:8px}.specs dd{font-size:11px}.preview-header{align-items:center}.preview-header h2{max-width:190px;font-size:24px}.status{padding:7px 9px}}