*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#292c31;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}header{height:86px;border-bottom:1px solid #dddeda;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font-size:21px;font-weight:800;text-decoration:none;color:#26332c;display:flex;align-items:center;gap:5px}.brand>span:last-child{font-weight:400}.mark{background:#2e493c;color:#fff;border-radius:10px;font-size:22px;padding:9px 11px;margin-right:9px}.header-note,.studio-tag{font-size:10px;letter-spacing:1.8px;color:#6f7971}.studio-tag{border:1px solid #c8cec7;padding:10px 12px;border-radius:20px}main{max-width:1520px;margin:auto;padding:38px 5% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:bold;color:#687a6c;margin:0 0 12px}h1{font-size:46px;letter-spacing:-2px;margin:0 0 10px;font-weight:500}h1>span{font-size:15px;vertical-align:top;display:inline-block;margin:6px}p{line-height:1.55}.intro p:last-child{color:#737b74;margin:0;font-size:15px}.intro-note{font-size:13px;line-height:1.6;color:#768077}.workspace{display:grid;grid-template-columns:326px minmax(0,1fr);gap:26px;align-items:start}aside{border:1px solid #dedfd8;background:#fffefa;border-radius:18px;padding:24px}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:23px}.section-title>span,summary>span{font-size:10px;color:#91a08f;border:1px solid #dce1d7;border-radius:50%;padding:5px}h2{font-size:16px;margin:0;font-weight:600}.text-button{background:none;border:0;color:#708570;font-size:11px;margin-left:auto;padding:4px}label{display:block;font-size:12px;margin-bottom:8px}label>span{float:right;color:#939a93;font-size:10px}input:not([type=color]),select{width:100%;border:1px solid #d7ddd3;border-radius:7px;padding:11px 12px;background:#fff;color:#26332c;outline:none}input:focus,select:focus{border-color:#bb7f27;box-shadow:0 0 0 2px #bb7f2715}input[name=line1],input[name=line2]{font-size:19px;margin-bottom:19px}select{font-size:13px}.hint{font-size:10px;color:#7e877f;line-height:1.6;margin:9px 0 20px}.colors-title{margin:24px 0 17px}.colors{display:flex;gap:14px;margin-bottom:24px}.color-option{flex:1;text-align:center;border:1px solid #dde2d8;border-radius:9px;padding:8px 6px 10px;margin:0}.color-option input{display:block;width:100%;height:33px;padding:0;border:0;background:transparent;cursor:pointer;margin-bottom:8px}.color-option span{float:none;font-size:10px;color:#69756b}.color-option input::-webkit-color-swatch-wrapper{padding:0}.color-option input::-webkit-color-swatch{border:1px solid #0001;border-radius:5px}details{border-top:1px solid #e3e6dd;padding-top:18px}summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;display:flex;align-items:center;gap:10px}summary:after{content:'+';margin-left:auto}details[open] summary:after{content:'−'}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin-top:21px}.dimension-grid label{font-size:10px;color:#6b776e;margin:0}.number-wrap{position:relative;margin-top:7px}.number-wrap input{padding:9px 28px 9px 9px;font-size:12px}.number-wrap>span{position:absolute;right:8px;top:10px;color:#98a196;font-size:10px;pointer-events:none}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.primary{background:#2c3036;color:white;border:0;padding:14px 17px;border-radius:8px;font-size:12px;font-weight:600}.primary:hover{background:#444950}#update{width:100%;text-align:left;margin-top:6px}#update span{float:right}.stage{height:478px;position:relative;overflow:hidden;border:1px solid #dce1d7;border-radius:18px;background:#e7e9eb;background-image:radial-gradient(#9ca4ac55 .8px,transparent .8px);background-size:22px 22px}.stage-top{position:absolute;left:23px;right:23px;top:22px;display:flex;align-items:center;gap:7px;pointer-events:none;font-size:11px;color:#62725f;z-index:1}.live-dot{width:6px;height:6px;border-radius:50%;background:#5c895f}.scale-label{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:#879080}canvas{display:block;width:100%;height:100%;touch-action:none}.view-buttons{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);display:flex;border:1px solid #d6ddcf;background:#fafbf5e6;border-radius:7px;padding:4px;gap:3px}.view-buttons button{border:0;background:transparent;padding:7px 11px;font-size:10px;color:#5f715e;border-radius:4px}.view-buttons button:hover{background:#e2e9d9}.stage-help{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:10px;color:#7a8976;pointer-events:none}.stage-help span{padding:0 9px}.stage-brand{position:absolute;bottom:25px;right:21px;writing-mode:vertical-rl;font-size:8px;letter-spacing:1.4px;color:#92a08b}.model-info{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#77816f;padding:17px 6px;line-height:1.6}.export-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #dde2d5;border-radius:13px;background:#fffefa;padding:26px}.export-card h2{font-size:21px;font-weight:500;letter-spacing:-.5px}.export-card p:last-child{font-size:11px;color:#7a8577;margin:10px 0 0}.export-actions{min-width:173px}.export-actions>.primary{width:100%}.secondary-downloads{display:flex;justify-content:center;margin-top:10px;gap:16px}.secondary-downloads button{border:0;background:none;color:#6e7c69;font-size:10px;padding:3px 0}.export-note{font-size:10px;color:#949b8d;margin:13px 4px}#error{background:#fff0dd;border:1px solid #e5c398;padding:13px;border-radius:8px;color:#81561f;font-size:12px;margin-bottom:14px}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe3d9;margin-top:38px;padding:23px 0;color:#778371;font-size:10px}footer>span:last-child{font-size:9px;letter-spacing:1.5px}.muted{color:#9ca496}@media(min-width:1400px){.stage{height:540px}}@media(max-width:1000px){.header-note{display:none}.workspace{grid-template-columns:295px minmax(0,1fr);gap:18px}aside{padding:19px}.export-card{padding:21px;flex-direction:column;align-items:stretch}.export-actions{display:flex;align-items:center;gap:15px}.secondary-downloads{margin:0}.export-actions>.primary{width:auto}.stage-brand{display:none}}@media(max-width:720px){header{height:70px;padding:0 5%}.brand{font-size:17px}.studio-tag{font-size:8px;letter-spacing:.6px;padding:8px}.mark{font-size:18px;padding:7px}main{padding-top:27px}.intro{margin-bottom:24px}h1{font-size:36px}.intro-note{display:none}.workspace{display:flex;flex-direction:column;gap:20px}aside,.preview-column{width:100%}.stage{height:365px}.export-card{gap:19px}.export-actions{display:block}.export-actions>.primary{width:100%}.secondary-downloads{margin-top:14px}.model-info{flex-direction:column;gap:3px}.stage-top{left:15px;right:15px}.scale-label{font-size:8px}footer{display:block;margin-top:24px;line-height:2}footer>span{display:block}.header-note{display:none}}

/* KeyClick studio */
.brand{gap:10px;color:#272c32}.brand img{border-radius:9px}.brand b{font-weight:400}.studio-tag{color:#7d6949;border-color:#d9ccb7;background:#f2eadc}h1{font-size:64px;font-weight:650;letter-spacing:-3.8px;margin-bottom:5px}.title-dot{color:#c7903c;font-size:inherit;vertical-align:baseline;margin:0}.intro{margin-bottom:30px}.eyebrow{color:#8d7048}.intro p:last-child{color:#7d8084}.intro-note{color:#7d8084}.section-title{margin-top:25px;margin-bottom:19px}.section-title:first-child{margin-top:0}.section-title>span{color:#9b8055;border-color:#e2d9c8}#Custom_Text{font-size:24px;font-weight:500;letter-spacing:.6px;padding:13px 12px}.hint{font-size:11px;color:#7d838a}label{font-size:12px}label>span{font-size:11px;color:#96999c}select{color:#3b424c;border-color:#dadddf}.direction-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0 27px;padding:14px 0;border-bottom:1px solid #e8e6e0}.direction-row label{margin:0;font-size:12px}.direction-row label span{display:block;float:none;font-size:10px;margin-top:5px}.direction-row input{width:33px!important;height:19px;accent-color:#ad7a31;box-shadow:none;cursor:pointer}.colors{gap:12px;margin-bottom:10px}.color-option{border-color:#dddfe0}.color-option input{height:38px}.color-option span{color:#747b83}.palette-row{display:flex;gap:8px;align-items:center;margin:12px 0 27px}.palette{display:flex;width:36px;height:25px;padding:3px;border:1px solid #d7dadd;border-radius:6px;background:#fff}.palette i{flex:1;height:17px}.palette i:first-child{border-radius:3px 0 0 3px}.palette i:last-child{border-radius:0 3px 3px 0}.palette-row>span{font-size:10px;color:#9c9b96;margin-left:auto}.dimension-grid{margin-top:13px;margin-bottom:12px}.dimension-grid label{color:#78818a;font-size:11px}.number-wrap>span{color:#989da3}.primary{background:#2c3036;min-height:44px}.primary:hover{background:#474c53}#update{margin:0}.text-button{color:#8b7048}.specs{margin-top:20px;padding-top:16px;color:#78808a}.specs summary{font-size:11px;font-weight:400}.specs summary:after{color:#878a8b}.specs dl{display:grid;grid-template-columns:1fr auto;font-size:10px;gap:10px;margin:18px 0}.specs dd{margin:0;color:#4b5158}.specs p{font-size:10px;line-height:1.6}.plate-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:14px}.plate-tabs{padding:4px;background:#e9e7e0;border-radius:9px;display:flex;gap:3px}.plate-tabs button{border:0;background:transparent;border-radius:6px;font-size:11px;padding:9px 15px;color:#777b7f}.plate-tabs button[aria-pressed=true]{background:#fffefa;color:#333a41;box-shadow:0 1px 4px #30271912}.plate-toolbar>span{font-size:9px;letter-spacing:1.1px;color:#8e959b}.stage{height:430px;border-color:#d8dde1;background-color:#e8ebed;background-image:radial-gradient(#b0b9c366 .8px,transparent .8px);border-radius:15px}.stage-top{color:#6e7985;left:20px;right:20px}.live-dot{background:#b58c50}.scale-label{color:#929ca4}.view-buttons{background:#f7f8f9ed;border-color:#d5dce0}.view-buttons button{color:#707c86}.view-buttons button:hover{background:#e4e8ec}.stage-help{color:#8d969e}.model-info{color:#727b85;font-size:11px}.reading-strip{padding:15px 0 20px;border-top:1px solid #e1e2df;display:flex;align-items:center;gap:20px}.reading-strip>span{font-size:8px;letter-spacing:1.2px;max-width:85px;line-height:1.7;color:#92969b}#key-order{display:flex;gap:5px;flex-wrap:wrap;direction:ltr}#key-order span{display:grid;place-items:center;min-width:26px;height:28px;padding:3px;font-size:12px;font-weight:600;background:#faf9f5;border:1px solid #d5d7d8;border-bottom-width:3px;border-radius:5px;color:#666d74}.export-card{border-color:#dddedb;padding:24px}.export-card .eyebrow{font-size:9px}.export-card h2{font-size:23px;color:#34383e}.export-card p:last-child{color:#82878b}.export-note{font-size:10px;color:#92989d;line-height:1.7}.secondary-downloads button{font-size:11px;color:#6e7984;min-width:44px}.assembly-note{display:flex;gap:14px;align-items:start;padding:21px 0;margin-top:12px;border-top:1px solid #dedfda}.note-icon{display:grid;place-items:center;background:#e9dfce;border-radius:7px;width:29px;height:29px;flex-shrink:0;color:#a8824f;font-size:21px}.assembly-note h3{font-size:12px;font-weight:500;margin:1px 0 7px;color:#5a6067}.assembly-note p{font-size:11px;color:#92979c;margin:0;max-width:550px}#notice{padding:13px;margin-bottom:14px;border-radius:8px;background:#fff2d9;border:1px solid #e5d3ac;color:#8b6d31;font-size:11px;line-height:1.6}footer{color:#79818a}footer .muted{color:#959ca3}button:focus-visible{outline:2px solid #b68132;outline-offset:3px}@media(min-width:1400px){.stage{height:490px}}@media(max-width:1000px){.plate-toolbar>span{display:none}.plate-tabs{width:100%}.plate-tabs button{flex:1;padding:9px 8px}.stage{height:425px}.export-card{padding:21px}.reading-strip{gap:14px}}@media(max-width:720px){h1{font-size:49px;letter-spacing:-2.5px}.intro{margin-bottom:24px}.stage{height:370px}.direction-row{margin-bottom:23px}.preview-column{order:-1}.workspace aside{order:0}.preview-column .export-card{padding:20px}.assembly-note{display:none}.plate-toolbar{margin-top:0}.stage-top{font-size:10px}.reading-strip{padding:12px 0 15px}.model-info{font-size:10px;padding:12px 3px;gap:4px}.export-card h2{font-size:21px}.workspace{gap:25px}.intro p:last-child{font-size:13px}.brand{gap:7px;font-size:17px}.studio-tag{font-size:8px;padding:8px 9px}.brand img{width:34px;height:34px}.export-note{margin-bottom:0}}
.spring-switch{margin:0 0 12px;padding-top:0}.spring-fit{font-size:11px;line-height:1.5;color:#8c6b34;background:#f3eadb;border:1px solid #e5d7bf;border-radius:6px;padding:9px}.spring-color{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#727c86;margin:16px 0}.spring-color input{width:55px;height:27px;border:0;padding:0;background:transparent;cursor:pointer}.fit-sample{width:100%;border:1px solid #d9c59f;background:#faf3e7;color:#8e6b32;font-size:11px;padding:11px;border-radius:7px}.fit-sample:hover{background:#f2e7d3}.plate-tabs button:disabled{cursor:not-allowed;opacity:.4}#spring-settings[hidden]{display:none}@media(max-width:720px){.plate-tabs button{font-size:10px;padding:9px 7px}.plate-toolbar{width:100%}}