[hidden]{display:none!important}.header-actions{display:flex;gap:8px;align-items:center}.header-actions select{padding:8px;border:1px solid var(--line);border-radius:6px;color:#718171;background:white;font-size:10px}.header-actions .secondary{padding:8px 10px}.image-modes{gap:3px;margin:8px 0}.image-modes button{font-size:9px;padding:7px 3px}.image-wrap{margin-bottom:15px;height:210px}#source{width:auto;height:auto;max-width:100%;max-height:100%}.brush-tools button{font-size:9px}.settings-panel{display:flex;flex-direction:column;min-height:620px}.settings-tabs{display:flex;gap:4px;padding:3px;background:#f1f5ef;border-radius:7px;margin-bottom:20px}.settings-tabs button{flex:1;font-size:11px;padding:10px 3px;border-radius:5px;color:#87947d}.settings-tabs button[aria-selected=true]{background:white;color:#216959;box-shadow:0 1px 4px #0000000b;font-weight:600}.settings-bottom{margin-top:auto;padding-top:22px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.settings-bottom>span{font-size:8px;color:#9da797}.group{padding-bottom:8px}.group-top input[type=color]{appearance:none;background:none;border:0;width:27px;height:27px;padding:0;cursor:pointer;flex-shrink:0}.group-top input[type=color]::-webkit-color-swatch-wrapper{padding:0}.group-top input[type=color]::-webkit-color-swatch{border:1px solid #00000015;border-radius:6px}.group-buttons{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#87987f}.group-buttons button{font-size:9px;padding:3px}.group.is-hidden{opacity:.45}.merge-row{display:flex;align-items:center;gap:5px;margin-top:10px}.merge-row select,#paint-group{min-width:0;flex:1;font-size:10px;padding:6px;border:1px solid var(--line);border-radius:5px;background:white}.merge-row button{padding:6px}#paint-options{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:10px}#paint-group{width:100px}.preview-panel{height:680px;min-height:480px}.preview-filter{display:flex;justify-content:space-between;gap:8px;padding:0 16px 12px;align-items:center}.preview-filter label{display:flex;align-items:center;font-size:9px;gap:5px;color:#7a8c70;cursor:pointer}.preview-filter input{accent-color:var(--green)}#visibility{padding:2px;gap:1px;flex-wrap:wrap}#visibility button{padding:5px 7px;font-size:9px}.history{display:flex;gap:3px}.history button{padding:3px 7px;font-size:20px;color:#72896a}.history button:disabled{cursor:default;opacity:.25}.view-preset{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;padding:4px;border-radius:6px;background:#ffffffb8;white-space:nowrap;gap:2px}.view-preset button{font-size:9px;padding:6px 9px;border-radius:4px;color:#809176}.view-preset .active{background:#e4eee0;color:#34633b}.canvas-hint{bottom:17px;font-size:8px}.model-metrics{padding:15px 18px;background:#f4f7f0;display:flex;justify-content:space-between;gap:10px;align-items:center}.model-metrics small{display:block;font-size:8px;color:#90a083;margin-bottom:6px}.model-metrics strong{font-size:16px;font-weight:500;letter-spacing:-.3px;color:#56714b}.model-metrics>span{font-size:9px;color:#6f8a5e;max-width:145px;text-align:right;line-height:1.7}.model-metrics .warning{color:#a67d36}.preview-footer{align-items:center;font-size:9px}.preview-footer .text-button{font-size:9px}.export-choice{display:flex;gap:9px;margin:14px 0;padding:13px 10px;border:1px solid var(--line);border-radius:7px;cursor:pointer}.export-choice input{accent-color:var(--green)}.export-choice span{display:flex;flex-direction:column;gap:6px}.export-choice strong{font-size:11px;font-weight:600}.export-choice small{font-size:9px;color:#8e9a84}.export-heading{font-size:17px;font-weight:500;margin-bottom:22px}.export-box{margin-top:20px}.export-box .secondary{margin-top:8px;background:#ffffff80}.validation{font-size:10px;line-height:1.9;color:#819173;margin:16px 0;word-break:keep-all}.validation .warning{color:#ab7b35}.validation p{margin:6px 0}#min-feature{width:48px;font-size:10px;border:1px solid var(--line);border-radius:5px;padding:5px}.settings-panel section[data-panel]{padding-bottom:22px}.source-panel .help{font-size:9px}.settings-panel .help{font-size:10px}#busy{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;border:1px solid #d4e0cb;background:#fffffff0;padding:9px 12px;border-radius:7px;font-size:10px;color:#67865a;white-space:nowrap}#busy button{font-size:9px;text-decoration:underline}.spinner{width:12px;height:12px;border:2px solid #d4e3cb;border-top-color:#507e3a;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{max-width:570px;width:90%;padding:32px;border:1px solid #d4dfcb;border-radius:14px;color:#354b2c;box-shadow:0 20px 100px #1c351740}dialog::backdrop{background:#213b2466;backdrop-filter:blur(3px)}dialog h2{font-size:21px;font-weight:500}dialog li{font-size:12px;line-height:1.9;margin:13px 0;padding-left:5px}dialog ol{padding-left:17px}.dialog-close{position:absolute;right:15px;top:10px;font-size:25px;color:#8e9f83}.source-panel{align-self:start}.settings-panel{align-self:start}#gl{cursor:grab}.preview-tools{top:45px}.view-switch button[data-color]{border-bottom:3px solid transparent}.workspace{grid-template-columns:260px minmax(300px,1fr) 300px}.settings-panel .divider{margin:17px 0}.settings-panel .group{margin:9px 0}.source-panel .range-head{font-size:10px}.settings-bottom .text-button{font-size:10px}
.ring-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#819473;margin:12px 0}.ring-toggle input{accent-color:var(--green)}.ring-card{border:1px solid var(--line);border-radius:8px;padding:12px;margin:11px 0;background:#fdfefb}.ring-card.selected{border-color:#c5ab69;background:#fdfbf4;box-shadow:0 0 0 1px #c5ab6922}.ring-card-head{display:flex;justify-content:space-between;align-items:center}.ring-select{font-size:11px;font-weight:600;padding:0;color:#718359}.selected .ring-select{color:#9c7929}.ring-delete{font-size:21px;line-height:1;color:#a9ae9c}.ring-summary{display:block;font-size:9px;color:#9caa8a;margin:7px 0 3px}.ring-detail input[type=number]{width:47px;padding:4px;border:1px solid #e3e5d6;border-radius:4px;background:#fff;font-size:11px;text-align:right;color:#7d7f55}.ring-detail .range-head span{font-size:9px;color:#98a280}.ring-detail input[type=range]{accent-color:#a48b43}.ring-connection{font-size:9px;color:#7b9367;line-height:1.7;margin-top:6px}.ring-connection.warning{color:#b57c47}.ring-handle{position:absolute;transform:translate(-50%,-50%);width:23px;height:23px;border-radius:50%;border:1px solid #9cae8f;background:#ffffffe6;color:#668557;display:grid;place-items:center;font-size:10px;line-height:1;pointer-events:auto;box-shadow:0 2px 8px #26442720;touch-action:none;user-select:none}.ring-handle.selected{border:2px solid #be9639;background:#faf0ca;color:#a47a21;box-shadow:0 0 0 4px #cfa33433}.ring-handle.editing{cursor:grab}.ring-handle.editing:active{cursor:grabbing}#ring-handles{position:absolute;inset:0;pointer-events:none;z-index:2}#ring-edit-banner{position:absolute;bottom:90px;left:12px;right:12px;z-index:3;display:flex;gap:8px;justify-content:space-between;align-items:center;background:#faf5e4ed;border:1px solid #d8c997;border-radius:6px;padding:9px 11px;color:#9e7d34;font-size:9px}#ring-edit-banner button{font-size:9px;background:#fff8df;border:1px solid #d9c78e;border-radius:4px;padding:4px 8px;white-space:nowrap}.ring-editing #gl{cursor:crosshair}.ring-editing .canvas-hint{color:#aa8f51}#busy{z-index:4}.settings-tabs button{white-space:nowrap;font-size:10px}
@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(400px,1fr) 320px}.preview-panel{height:760px}}@media(max-width:1150px){.workspace{grid-template-columns:225px minmax(260px,1fr) 265px}.preview-filter{flex-direction:column;align-items:start}.header-actions{gap:5px}.preview-panel{height:650px}.header-caption{display:none}}@media(max-width:900px){.workspace{grid-template-columns:230px minmax(300px,1fr)}.settings-panel{grid-column:1/-1;min-height:0;display:flex}.settings-panel #groups{grid-template-columns:repeat(2,1fr)}.preview-panel{position:sticky;top:10px;height:650px;min-height:0}.settings-tabs{max-width:500px}.settings-bottom{margin-top:15px}.model-metrics{align-items:start;flex-direction:column}.model-metrics>span{text-align:left;max-width:none}.header-actions .secondary{font-size:9px}}@media(max-width:600px){.workspace{display:flex}.preview-panel{position:relative;top:auto;height:490px;min-height:490px;width:100%}.source-panel,.settings-panel{width:100%}.header-actions{gap:3px}.header-actions .secondary{padding:7px 5px;font-size:8px}.header-actions select{font-size:8px;padding:6px 1px}header{padding:0 11px}.brand-icon{width:27px;height:27px;font-size:26px}.brand{gap:4px;font-size:18px}.settings-panel #groups{grid-template-columns:1fr 1fr}.preview-filter{flex-direction:row}.view-preset button{padding:6px 8px}.image-wrap{height:240px}.canvas-hint{font-size:8px}.model-metrics{flex-direction:row}.model-metrics strong{font-size:14px}.model-metrics>span{max-width:120px;text-align:right}.intro h1{font-size:23px}.settings-panel section[data-panel]{padding-bottom:12px}.viewport-label{font-size:8px}.preview-header{padding:14px 16px}#ring-edit-banner{font-size:8px}}