[data-panel="jewelry"] .jewelry-intro{margin:10px 12px;padding:10px;border:1px solid #526c76;border-radius:7px;background:linear-gradient(135deg,#30464e,#293746);font-size:11px;line-height:1.6;color:#dae4e9}
[data-panel="jewelry"] .jewelry-intro b{display:block;color:#f1d59a;font-size:12px;letter-spacing:.05em}
[data-panel="jewelry"] button img{width:28px;height:28px}
.categories [data-category="jewelry"].active{color:#ffe0a6;border-color:#d3ab64}
#input-dock #operation-panel.design-parameters{max-height:min(280px,38vh);overflow:auto;border:1px solid #4f7f8d;padding:12px;background:#1d303c;box-shadow:0 -6px 20px #0003}
#operation-panel.design-parameters form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 16px;align-items:start}
#operation-panel.design-parameters strong,#operation-panel.design-parameters .design-guide,#operation-panel.design-parameters output{grid-column:1/-1}
#operation-panel.design-parameters strong{font-size:12px;color:#f1d59a}
#operation-panel.design-parameters .design-guide{margin:0;font-size:11px;color:#bad0da;line-height:1.5}
#operation-panel.design-parameters label{justify-content:space-between;min-width:0}
#operation-panel.design-parameters input,#operation-panel.design-parameters select{flex:0 0 106px;width:106px;box-sizing:border-box}
#operation-panel.design-parameters button{min-height:32px}
#operation-panel.design-parameters output{font-size:11px;padding:8px;background:#294953;border-radius:5px;color:#bdf5e4;line-height:1.6}
#operation-panel.design-parameters output.design-error{color:#ffd1bf;background:#543d38}
.jewelry-report{max-width:440px;width:calc(100vw - 64px);background:#203440;color:#e3eff5;border:1px solid #7394a0;border-radius:12px;padding:24px;box-shadow:0 20px 80px #0008}
.jewelry-report::backdrop{background:#09171bb0}.jewelry-report h3{color:#f1d59a;margin:0 0 16px}.jewelry-report p{line-height:1.7}.jewelry-report button{padding:8px 24px}
#jewelry-design-panel form{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
#jewelry-design-panel strong,#jewelry-design-panel .design-guide,#jewelry-design-panel output{grid-column:1/-1}
#jewelry-design-panel strong{font-size:13px;color:#f1d59a}
#jewelry-design-panel .design-guide,#jewelry-settings .jewelry-settings-hint{margin:0 0 12px;font-size:11px;color:#bad0da;line-height:1.6}
#jewelry-settings:has(#jewelry-design-panel:not([hidden])) .jewelry-settings-hint{display:none}
#jewelry-design-panel label{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:10px;align-items:center;font-size:11px;color:#c5d9e2}
#jewelry-design-panel input,#jewelry-design-panel select{width:122px;height:32px;box-sizing:border-box;background:#192b36;color:#e5eff5;border:1px solid #567485;border-radius:5px;padding:4px 8px;direction:ltr}
#jewelry-design-panel output{font-size:11px;padding:10px;background:#294953;border-radius:6px;color:#bdf5e4;line-height:1.6}
#jewelry-design-panel output.design-error{color:#ffd1bf;background:#543d38}
#jewelry-design-panel button{min-height:34px;border-radius:5px;padding:5px 12px}
#jewelry-design-panel button[type=submit]{background:#725a32;border:1px solid #c6a465;color:#fff1d3}
#jewelry-design-panel[hidden]{display:none}
#quick-settings:has(#jewelry-settings){width:min(274px,calc(100% - 40px))}
#quick-settings:has(#jewelry-settings) .quick-settings-content{padding:8px}
#jewelry-design-panel form{gap:6px}
#jewelry-design-panel .design-help,#jewelry-design-panel .design-section{grid-column:1/-1;min-width:0}
#jewelry-design-panel summary{cursor:pointer;font-size:11px;color:#edce91;padding:5px 0}
#jewelry-design-panel .design-help summary{color:#9bb4c1;font-size:10px}
#jewelry-design-panel .design-guide{margin:3px 0 6px;line-height:1.4}
#jewelry-design-panel .design-section{border-top:1px solid #496170}
#jewelry-design-panel .design-section label{grid-template-columns:minmax(0,1fr) 102px;gap:6px;margin:0;padding:3px 0;line-height:1.25}
#jewelry-design-panel label[hidden]{display:none}
#jewelry-design-panel input,#jewelry-design-panel select{width:102px;height:27px;padding:3px 5px;font-size:11px}
#jewelry-design-panel output{padding:6px;line-height:1.35;font-size:10px}
#jewelry-design-panel button{min-height:29px;padding:4px 8px}
@media(max-width:600px){#operation-panel.design-parameters form{grid-template-columns:1fr}#input-dock #operation-panel.design-parameters{max-height:36vh}}



#jewelry-design-panel details>summary::before{content:"▸";display:inline-block;margin-inline-end:5px}#jewelry-design-panel details[open]>summary::before{content:"▾"}#jewelry-design-panel details[open]>summary{background:transparent;color:#edce91}

/* Compact Physics and Architecture drawers. */
#quick-settings:has(#physics-properties){width:min(228px,calc(100% - 40px))}
#quick-settings:has(#physics-properties) .quick-settings-content{padding:6px}
#quick-settings #physics-properties label{min-width:0;overflow-wrap:anywhere}
#quick-settings #physics-properties .physics-value-row{grid-template-columns:minmax(0,1fr) 60px;column-gap:4px}
#quick-settings #physics-properties input[type=number]{width:60px;box-sizing:border-box}
.categories [data-category="physics"],.categories [data-category="architecture"]{padding-inline:9px}

.orientation-cube{position:absolute;right:8px;top:33px;width:98px;height:98px;pointer-events:none;user-select:none;z-index:4}.orientation-cube svg{display:block;width:100%;height:100%}@media(max-width:600px){.orientation-cube{width:78px;height:78px;right:5px}}