:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#292d29;background:#f3f2ee;font-synthesis:none;font-weight:400;font-smooth:always;-webkit-font-smoothing:antialiased;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select,summary{outline-offset:4px}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #df6945}input[type=range]{accent-color:#d76845}fieldset{border:0;margin:0;padding:0;min-width:0}h1,h2,p{margin:0}.header{height:84px;border-bottom:1px solid #dcddd5;display:flex;align-items:center;padding:0 48px;gap:48px}.brand{display:flex;align-items:center;gap:9px;font-size:31px;font-weight:760;letter-spacing:-1.6px}.brand>svg{color:#da6948}.brand-light{font-weight:400}.brand-dot{color:#db6947}.header-caption{font-size:10px;letter-spacing:1.6px;color:#92958d}.header-right{margin-left:auto;display:flex;align-items:center;gap:27px}.private-label{font-size:11px;color:#737b70;display:flex;gap:7px;align-items:center}.status-dot{height:5px;width:5px;border-radius:50%;background:#829779}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:5px 0}.text-button:hover{color:#d56a46}main{max-width:1320px;margin:auto;padding:48px 48px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{color:#a55c43;font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:13px}h1{font-size:40px;line-height:1.15;letter-spacing:-1.6px;font-weight:520}.intro p{color:#7a8077;font-size:14px;margin-top:12px}.version-badge{border:1px solid #d3d7cd;padding:11px 12px;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1px;border-radius:5px}.version{color:#979d90;border-left:1px solid #d3d7cd;padding-left:10px}.small-disc{height:11px;width:11px;border:1px solid #8d9587;border-radius:50%;position:relative}.small-disc:after{content:"";position:absolute;inset:3px;border:1px solid #8d9587;border-radius:50%}.studio{display:grid;grid-template-columns:300px 1fr;background:#fafaf6;border:1px solid #d9dcd2;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #383b2604}.controls{background:#fdfdf9;border-right:1px solid #dcdfd5;padding:0 23px}.control-section{padding:24px 0;border-bottom:1px solid #e7e9e1}.control-section:last-child{border-bottom:0}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:18px}.step-number{font-size:10px;letter-spacing:.2px;color:#969c8d;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #e0e3da;border-radius:50%;flex-shrink:0}h2{font-size:13px;font-weight:600;letter-spacing:-.15px}.upload-area{width:100%;border:1px dashed #ccd2c3;border-radius:6px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:19px 3px;background:#f7f8f1}.upload-area:hover{border-color:#d96c49;background:#faf4eb}.upload-icon{color:#7c8871;margin-bottom:2px}.upload-area strong{font-size:11px;font-weight:550}.upload-area>span:last-child{font-size:8.5px;color:#92978a}.file-row{display:flex;align-items:center;margin-top:13px;gap:10px}.file-icon{height:31px;width:31px;border-radius:5px;background:#e6e9dd;color:#798373;display:grid;place-items:center}.file-row>div:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.file-row strong{font-size:10px;font-weight:550;max-width:155px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-row span{font-size:9px;color:#989c92}.icon-button{height:29px;width:29px;display:inline-grid;place-items:center;border-radius:5px;color:#798172;flex-shrink:0}.icon-button:hover,.icon-button.selected{background:#e9ece1;color:#383f33}.slider-field{display:block;margin-bottom:16px}.slider-field>span{font-size:11px;display:flex;justify-content:space-between;margin-bottom:9px;color:#777e71}.slider-field output{font-size:10px;color:#495240;font-variant-numeric:tabular-nums}.slider-field input{width:100%;display:block;height:3px;margin:0;appearance:none;border-radius:5px;background:#e0e4d8;cursor:pointer}.slider-field input::-webkit-slider-thumb{appearance:none;height:11px;width:11px;border-radius:50%;background:#727f62;box-shadow:0 0 0 3px #fdfdf9}.slider-field input::-moz-range-thumb{height:11px;width:11px;border:0;border-radius:50%;background:#727f62}.position-fields{display:flex;gap:12px;margin-bottom:15px}.position-fields label{width:50%;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7c8276;gap:5px}.position-fields input{width:47px;border:1px solid #dce1d3;border-radius:4px;padding:4px;background:#fdfdf9;color:#69725f;font-size:10px}.button-pair{display:flex;gap:8px}.small-button{border:1px solid #dce0d5;display:flex;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:10px;border-radius:5px;background:#fdfdf9;white-space:nowrap}.small-button:hover,.small-button.selected{border-color:#9ba68e;background:#f0f3e9}.button-pair .small-button:first-child{flex:1}.segmented{background:#eff1e8;border-radius:5px;display:flex;padding:3px}.segmented button{width:50%;font-size:10px;padding:7px;border-radius:4px;color:#848a7c}.segmented button.active{background:#fff;box-shadow:0 1px 3px #15200f13;color:#474f3f}.control-note{font-size:9px;color:#929989;margin:10px 0 19px;line-height:1.5}.switch-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#777e70;margin-top:14px;position:relative;cursor:pointer}.switch-row input{position:absolute;right:0;opacity:0;width:30px;height:18px}.switch{height:17px;width:29px;background:#dfe4d7;border-radius:15px;position:relative;pointer-events:none}.switch:after{content:"";position:absolute;width:11px;height:11px;background:#fff;top:3px;left:3px;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .15s}.switch-row input:checked+.switch{background:#7e8f6d}.switch-row input:checked+.switch:after{transform:translate(12px)}.switch-row input:focus-visible+.switch{outline:2px solid #d96c49}.tone-more summary{list-style:none;display:flex;gap:5px;align-items:center;font-size:9px;color:#969d8e;cursor:pointer;margin-bottom:14px}.tone-more[open] summary{color:#515f48}.workspace{background:#f2f3ed;min-width:0;display:flex;flex-direction:column;position:relative}.workspace-top{display:flex;justify-content:space-between;align-items:center;padding:21px 26px}.view-switch{display:flex;gap:4px}.view-switch button{font-size:10px;color:#8a9281;padding:8px 12px;border-radius:5px}.view-switch button.active{background:#fffdf9;color:#55604c;box-shadow:0 1px 3px #303c1f0d}.disc-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:520px;position:relative;padding:53px 35px 65px;background-image:radial-gradient(#9da78f38 .7px,transparent .7px);background-size:20px 20px}.disc{aspect-ratio:1;width:min(100%,510px);border-radius:50%;position:relative;background:conic-gradient(from 135deg,#c8c8b9,#f5f6e5,#b9c0b6,#e5dacc,#cfdbcf,#f4eedc,#bdc5bd,#d6d5c5,#c8c8b9);box-shadow:0 16px 22px #3c492327,0 1px 2px 1px #78816b55,inset 0 0 0 2px #f6f5e6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.disc.dragging{cursor:grabbing}.disc-art{position:absolute;width:var(--drawing-size);height:var(--drawing-size);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--hole) - .1%),#000 var(--hole));mask-image:radial-gradient(circle,transparent calc(var(--hole) - .1%),#000 var(--hole));mix-blend-mode:multiply;pointer-events:none}.disc-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from -25deg,transparent 0deg,#f8f8e955 40deg,transparent 70deg,#b3c7c729 135deg,transparent 170deg,#fffbe855 225deg,transparent 260deg,#d6e9be30 300deg,transparent 360deg);box-shadow:inset 0 0 0 1px #f8f7ed}.disc-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 135deg,#c2c6b7,#eceddf,#bec7be,#ded8c7,#d6e3d6,#dedbcb,#bac4bb,#c2c6b7);box-shadow:0 0 0 1px #9da58f55;pointer-events:none}.hub-ring{position:absolute;inset:7%;border-radius:50%;border:1px solid #9fa58f60;box-shadow:inset 0 0 0 8px #f6f6df0b}.hub{position:absolute;width:39%;height:39%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:#e2e5d675;border:1px solid #b9bfa855;display:grid;place-items:center}.hub span{width:74%;height:74%;background:#f2f3ed;border-radius:50%;border:1px solid #b0b9a0;box-shadow:inset 0 4px 4px #67764f20,0 1px 1px #fafbf7}.flat-disc{background:#fffdf6}.flat-disc .disc-art{mix-blend-mode:normal}.flat-disc .disc-sheen{display:none}.dimension{position:absolute;color:#a0a792;font-size:8px;letter-spacing:1.4px;display:flex;gap:10px;align-items:center;justify-content:center;left:20%;right:20%;pointer-events:none}.dimension:before,.dimension:after{content:"";height:1px;flex:1;background:#cdd5be}.dimension-top{top:19px}.dimension-bottom{bottom:29px;font-size:7px;letter-spacing:1.15px}.dimension-bottom:before,.dimension-bottom:after{max-width:30px}.guide-cross{position:absolute;inset:-5%;display:none;pointer-events:none}.show-grid .guide-cross{display:block}.guide-cross:before,.guide-cross:after{content:"";position:absolute;background:#ce664e70}.guide-cross:before{height:1px;top:50%;width:100%}.guide-cross:after{width:1px;left:50%;height:100%}.canvas-actions{display:flex;justify-content:space-between;align-items:center;margin:0 26px 19px;color:#9ba38e;font-size:10px}.canvas-actions>span{display:flex;gap:7px;align-items:center}.canvas-actions>div{display:flex;gap:10px;align-items:center;border:1px solid #d9dfce;border-radius:5px;background:#fafbf5}.canvas-actions>div>span{font-size:9px;font-variant-numeric:tabular-nums;min-width:28px;text-align:center}.preview-note{padding:14px 22px;border-top:1px solid #dfe4d5;display:flex;justify-content:center;align-items:center;gap:7px;color:#919a85;font-size:9px;background:#edf0e5}.preview-note svg{flex-shrink:0}.loading-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffefaee;box-shadow:0 4px 30px #1f311b33;border:1px solid #d9dfcb;border-radius:10px;display:flex;flex-direction:column;gap:10px;align-items:center;padding:25px 30px;min-width:260px;font-size:12px}.loading-card span{font-size:10px;color:#78856d}.loading-card svg{color:#d26c4d}.loading-card progress{width:100%}.spinning{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.export-section{margin-top:24px;border:1px solid #d9dcd2;background:#fdfdf8;border-radius:10px;padding:25px 27px}.export-heading{display:flex;align-items:center;gap:12px}.export-heading .step-number{width:27px;height:27px}.export-heading h2{font-size:16px;letter-spacing:-.35px;font-weight:550}.export-heading p{font-size:11px;color:#919588;margin-top:6px}.export-options{display:flex;gap:18px;align-items:flex-end;margin-top:24px}.select-field{display:flex;flex:1;flex-direction:column;gap:8px;font-size:8px;letter-spacing:1.1px;color:#959a8c}.select-field select{width:100%;border:1px solid #d9ded0;border-radius:5px;background:#fdfdf9;padding:12px 10px;color:#5f6954;font-size:11px;letter-spacing:0;height:42px}.export-button{background:#db6b49;color:#fffaf3;border:1px solid #cd6040;display:flex;gap:10px;align-items:center;padding:13px 19px;border-radius:5px;min-height:42px;font-size:12px;white-space:nowrap;box-shadow:0 2px 3px #b7672411}.export-button:hover{background:#ca5d3b}.export-button>span{padding-left:14px;margin-left:5px;border-left:1px solid #f8e3d04a;font-size:10px;color:#f9d6c9}.export-details{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:21px;color:#959c8a;font-size:9px}.export-details>span{display:flex;align-items:center;gap:6px}.export-details details{margin-left:auto}.export-details summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none}.advanced{margin-top:20px;border-top:1px solid #e1e5d9;padding:20px 0 0;font-size:11px;color:#79836f;line-height:1.7}.export-details:has(details[open]){display:block}.export-details:has(details[open])>span{display:inline-flex;margin-right:25px;margin-bottom:17px}.geometry-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.geometry-fields label{display:flex;flex-direction:column;gap:4px;font-size:10px}.geometry-fields input,.geometry-fields select{width:100%;padding:8px;border:1px solid #d7dfcb;border-radius:4px;background:#fffef9;color:#59664d;font-size:11px}.export-progress{margin-top:22px;padding:18px;background:#f1f4e9;border-radius:6px}.export-progress>div{display:flex;align-items:center;justify-content:space-between}.export-progress strong{font-size:12px}.export-progress strong span{font-weight:400;color:#7c886d;margin-left:10px}progress{appearance:none;height:5px;width:100%;border:0;border-radius:5px;background:#dce3d1;accent-color:#84946e}progress::-webkit-progress-bar{background:#e0e6d7;border-radius:5px}progress::-webkit-progress-value{background:#84946e;border-radius:5px}.export-progress p{font-size:10px;color:#8a957d;margin-top:8px}.success-message,.error-message{display:flex;align-items:center;gap:12px;margin-top:18px;border-radius:6px;padding:15px 18px;font-size:11px;background:#edf2e5;color:#687957}.success-message>div{display:flex;flex-direction:column;gap:5px}.success-message .small-button{margin-left:auto}.error-message{background:#f9ebe2;color:#9a5439}.error-message>span{flex:1}.proof-note{display:flex;align-items:center;gap:6px;color:#aa7650;font-size:10px;margin-top:15px}.how-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:32px 0 43px}.how-strip>div{display:flex;gap:12px;align-items:center}.strip-number{font-size:9px;width:20px;height:20px;border:1px solid #d3d9c9;border-radius:50%;display:grid;place-items:center;color:#939b86;flex-shrink:0}.how-strip p{font-size:9px;color:#969c8c;line-height:1.9}.how-strip strong{font-size:10px;color:#656e5c;font-weight:500}footer{border-top:1px solid #dce0d4;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#9a9f91}footer>div{display:flex;gap:20px;align-items:center}footer a{display:flex;gap:3px;align-items:center}footer a:hover{color:#ce6848}.modal-backdrop{position:fixed;inset:0;background:#26302155;z-index:20;display:grid;place-items:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fbfcf5;max-width:600px;border-radius:15px;padding:34px;box-shadow:0 20px 90px #14220844;position:relative;max-height:90vh;overflow:auto}.close-modal{position:absolute;right:18px;top:18px}.orange{color:#d56a48}.modal h2{font-size:25px;margin:20px 0 15px;letter-spacing:-.8px}.modal p,.modal li{font-size:12px;color:#77826a;line-height:1.9}.modal p{margin-top:13px}.modal ol{padding-left:18px}.modal li{margin-bottom:9px}.modal a{display:flex;gap:5px;align-items:center;font-size:11px;color:#c96b48;margin-top:22px}@media(min-width:1500px){main{padding-top:60px}.header{padding-left:max(48px,calc((100vw - 1224px)/2));padding-right:max(48px,calc((100vw - 1224px)/2))}.disc-stage{min-height:580px}.disc{width:540px}}@media(max-width:1000px){.header{padding:0 25px;gap:25px}.header-caption{display:none}main{padding:35px 25px 0}.studio{grid-template-columns:270px 1fr}.controls{padding:0 19px}.disc-stage{min-height:450px;padding:45px 20px 65px}.export-options{gap:12px}.export-button>span{display:none}.export-details{gap:15px}h1{font-size:35px}}@media(max-width:740px){.header{height:68px;padding:0 20px}.brand{font-size:27px}.private-label{display:none}.header-right{gap:0}main{padding:30px 16px 0}.intro{margin-bottom:25px}.intro p{font-size:12px;max-width:240px;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:30px;letter-spacing:-1.1px}.version-badge{display:none}.studio{display:flex;flex-direction:column}.workspace{order:-1}.disc-stage{min-height:380px;padding:38px 30px 55px}.disc{max-width:380px}.workspace-top{padding:16px}.dimension-top{top:11px}.dimension-bottom{bottom:20px;font-size:6px;left:15%;right:15%}.canvas-actions{margin:5px 17px 16px;font-size:9px}.preview-note{font-size:8px;padding:12px 18px}.controls{border-right:0;border-top:1px solid #dfe3d6;padding:0 20px}.controls fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.control-section{padding:20px 0}.control-section:first-child{grid-column:1/-1}.control-section:last-child{border-bottom:1px solid #e7e9e1}.upload-area{padding:15px;gap:6px}.file-row{margin-top:10px}.upload-icon{display:none}.slider-field>span{font-size:10px}.button-pair{flex-wrap:wrap}.button-pair .small-button{flex:1}.position-fields{flex-direction:column;gap:8px}.position-fields label{width:100%}.export-section{padding:22px 20px}.export-options{flex-wrap:wrap;margin-top:20px}.select-field{min-width:180px}.export-button{width:100%;justify-content:center}.export-button>span{display:block}.export-details{flex-direction:column;align-items:flex-start;gap:12px}.export-details details{margin-left:0}.geometry-fields{grid-template-columns:1fr 1fr}.how-strip{grid-template-columns:1fr;gap:17px;margin:26px 9px 32px}.how-strip p{font-size:10px}.how-strip strong{font-size:11px}footer{padding:22px 20px;gap:18px;flex-wrap:wrap}footer>div{gap:15px}.success-message{flex-wrap:wrap}.success-message .small-button{margin-left:30px}.modal{padding:25px}.modal h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}