.iso-generator-shell{--iso-green:#18b85b;--iso-green-dark:#087a3b;--iso-ink:#172019;--iso-muted:#647168;--iso-line:#d7e1d9;--iso-panel:#fff;--iso-soft:#f4f8f5;position:fixed;inset:0;z-index:1100;display:grid;grid-template-rows:58px minmax(0,1fr);background:#edf3ef;color:var(--iso-ink);font-family:Inter,"Segoe UI",sans-serif;overflow:hidden}.iso-generator-shell.has-notice{grid-template-rows:58px auto minmax(0,1fr)}.iso-generator-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--iso-line);background:#fff;min-width:0}.iso-header-left,.iso-header-actions,.iso-viewer-toolbar,.iso-viewer-actions,.iso-viewer-status,.iso-section-title,.iso-file-summary,.iso-local-note,.iso-check-row,.iso-export-check{display:flex;align-items:center}.iso-header-left{gap:10px}.iso-header-left>img{width:30px;height:30px;object-fit:contain}.iso-header-left>div{display:grid;line-height:1.05}.iso-header-left strong{font-size:15px}.iso-header-left span{font-size:11px;color:var(--iso-muted);margin-top:4px}.iso-header-actions{gap:8px}.iso-icon-button,.iso-primary-button,.iso-secondary-button,.iso-download-button{border:1px solid var(--iso-line);background:#fff;color:var(--iso-ink);height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;cursor:pointer;border-radius:6px}.iso-icon-button{width:34px;padding:0}.iso-icon-button .material-symbols-outlined{font-size:19px}.iso-primary-button,.iso-secondary-button,.iso-download-button{padding:0 13px}.iso-primary-button{background:var(--iso-green);border-color:var(--iso-green);color:#07180e}.iso-primary-button:hover{background:#12a951}.iso-secondary-button:hover,.iso-icon-button:hover{border-color:#99ac9e;background:var(--iso-soft)}button:disabled{opacity:.45;cursor:not-allowed}.iso-export-check{gap:4px;color:var(--iso-green-dark);font-size:12px;font-weight:700}.iso-export-check .material-symbols-outlined{font-size:17px}.iso-notice{min-height:38px;display:flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;border-bottom:1px solid}.iso-notice.success{background:#e9f8ee;border-color:#b5e3c4;color:#176536}.iso-notice.error{background:#fff1f0;border-color:#f1c2bd;color:#a62e27}.iso-notice .material-symbols-outlined{font-size:19px}.iso-notice>span:nth-child(2){flex:1}.iso-notice button{border:0;background:transparent;color:inherit;cursor:pointer}.iso-notice button span{font-size:18px}.iso-workspace{min-height:0;display:grid;grid-template-columns:300px minmax(420px,1fr) 300px;gap:1px;background:var(--iso-line);overflow:hidden}.iso-left-column,.iso-settings-panel{min-width:0;min-height:0;background:#fff}.iso-left-column{padding:16px;overflow-y:auto}.iso-import-panel{display:flex;flex-direction:column;gap:14px}.iso-panel-heading{display:flex;gap:10px;align-items:flex-start}.iso-panel-heading>.material-symbols-outlined{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#eaf7ef;color:var(--iso-green-dark)}.iso-panel-heading h2{font-size:15px;margin:0}.iso-panel-heading p{font-size:11px;color:var(--iso-muted);margin:3px 0 0}.iso-dropzone{position:relative;min-height:160px;border:1px dashed #9fb0a3;background:#f8fbf9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;border-radius:6px;transition:.18s}.iso-dropzone:hover{border-color:var(--iso-green);background:#f0faf4}.iso-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.iso-dropzone>.material-symbols-outlined{font-size:34px;color:var(--iso-green-dark);margin-bottom:9px}.iso-dropzone strong{font-size:13px}.iso-dropzone small{font-size:11px;color:var(--iso-muted);margin-top:4px}.iso-file-summary{gap:9px;border-bottom:1px solid var(--iso-line);padding:0 0 12px}.iso-file-summary>.material-symbols-outlined{font-size:21px;color:var(--iso-green-dark)}.iso-file-summary>div{display:grid;min-width:0}.iso-file-summary strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iso-file-summary small{font-size:10px;color:var(--iso-muted);margin-top:3px}.iso-model-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:0;gap:6px}.iso-model-metrics div{background:var(--iso-soft);padding:8px;border:1px solid #e3ebe5;border-radius:5px;text-align:center}.iso-model-metrics dt{font-size:9px;text-transform:uppercase;color:var(--iso-muted);font-weight:700}.iso-model-metrics dd{font-size:12px;margin:3px 0 0;font-weight:800}.iso-local-note{gap:7px;margin-top:16px;color:var(--iso-muted);font-size:10px}.iso-local-note .material-symbols-outlined{font-size:15px}.iso-viewer-panel{min-width:0;min-height:0;background:#eef4f0;display:grid;grid-template-rows:42px 1fr}.iso-viewer-toolbar{justify-content:space-between;padding:0 10px;background:#fff;border-bottom:1px solid var(--iso-line)}.iso-viewer-status{gap:7px;font-size:11px;font-weight:700;color:var(--iso-muted)}.iso-status-dot{width:7px;height:7px;border-radius:50%;background:#aab5ad}.iso-status-dot.ready{background:var(--iso-green);box-shadow:0 0 0 3px #dff5e7}.iso-viewer-actions{gap:6px}.iso-ortho-badge{font-size:9px;font-weight:800;color:#526058;background:#edf2ee;padding:4px 7px;border-radius:3px}.iso-viewer-toolbar .iso-icon-button{height:28px;width:28px}.iso-canvas-wrap{position:relative;min-height:0;overflow:hidden;background-color:#f3f7f4;background-image:linear-gradient(45deg,#e7ede9 25%,transparent 25%),linear-gradient(-45deg,#e7ede9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7ede9 75%),linear-gradient(-45deg,transparent 75%,#e7ede9 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.iso-render-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.iso-viewer-empty,.iso-viewer-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:var(--iso-muted)}.iso-viewer-empty>.material-symbols-outlined{font-size:48px;color:#87968c}.iso-viewer-empty strong{font-size:14px;color:#344038;margin-top:8px}.iso-viewer-empty small{font-size:11px;margin-top:4px}.iso-viewer-loading{gap:9px;background:rgba(244,248,245,.78);font-size:12px;font-weight:700}.iso-direction-cue{position:absolute;bottom:14px;left:14px;width:34px;height:34px;border:1px solid #b7c4ba;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.86);font-size:9px;font-weight:900;color:#476052;pointer-events:none}.iso-direction-cue i{position:absolute;top:5px;width:1px;height:11px;background:var(--iso-green);transform-origin:bottom}.iso-direction-cue i:after{content:"";position:absolute;top:-2px;left:-2px;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:4px solid var(--iso-green)}.iso-output-preview{position:absolute;right:14px;bottom:14px;width:160px;background:rgba(255,255,255,.94);border:1px solid #b9c6bc;border-radius:6px;box-shadow:0 8px 24px rgba(25,48,31,.12);overflow:hidden}.iso-output-preview header{display:flex;justify-content:space-between;padding:7px 8px;border-bottom:1px solid var(--iso-line);font-size:9px}.iso-output-preview header strong{color:var(--iso-green-dark)}.iso-output-preview>div{height:130px;background-image:linear-gradient(45deg,#e4e8e5 25%,transparent 25%),linear-gradient(-45deg,#e4e8e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e8e5 75%),linear-gradient(-45deg,transparent 75%,#e4e8e5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;display:grid;place-items:center}.iso-output-preview img{max-width:100%;max-height:100%;object-fit:contain}.iso-settings-panel{display:grid;grid-template-rows:52px 1fr auto;overflow:hidden}.iso-settings-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--iso-line);padding:5px 6px 0;gap:2px}.iso-settings-tabs button{border:0;background:transparent;color:var(--iso-muted);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;border-bottom:2px solid transparent}.iso-settings-tabs button.active{color:var(--iso-green-dark);border-color:var(--iso-green)}.iso-settings-tabs .material-symbols-outlined{font-size:17px}.iso-settings-content{min-height:0;overflow-y:auto;padding:16px}.iso-control-section{display:flex;flex-direction:column;gap:16px}.iso-section-title{gap:8px;padding-bottom:11px;border-bottom:1px solid var(--iso-line)}.iso-section-title .material-symbols-outlined{font-size:20px;color:var(--iso-green-dark)}.iso-section-title h3{font-size:14px;margin:0}.iso-range-field{display:grid;gap:7px}.iso-range-field>span{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.iso-range-field output{color:var(--iso-green-dark)}.iso-range-field input[type=range]{width:100%;accent-color:var(--iso-green)}.iso-axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.iso-axis-grid.two{grid-template-columns:repeat(2,1fr)}.iso-axis-grid label,.iso-select-field{display:grid;gap:5px}.iso-axis-grid span,.iso-select-field>span{font-size:10px;color:var(--iso-muted);font-weight:700}.iso-axis-grid input,.iso-select-field select{width:100%;min-width:0;height:34px;border:1px solid #cbd7ce;border-radius:5px;background:#fff;padding:0 8px;color:var(--iso-ink);font:inherit;font-size:12px}.iso-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.iso-preset-grid button{height:52px;border:1px solid #cbd7ce;background:#fff;border-radius:5px;display:grid;place-items:center;color:var(--iso-muted);cursor:pointer}.iso-preset-grid button.active{border-color:var(--iso-green);background:#eaf8ef;color:var(--iso-green-dark)}.iso-preset-grid .material-symbols-outlined{font-size:19px}.iso-preset-grid small{font-size:9px;font-weight:800}.iso-advanced-controls{border-top:1px solid var(--iso-line);padding-top:11px}.iso-advanced-controls summary{font-size:11px;font-weight:700;cursor:pointer;margin-bottom:12px}.iso-size-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.iso-size-presets button{height:30px;border:1px solid #cbd7ce;background:#fff;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer}.iso-size-presets button.active{border-color:var(--iso-green);background:#eaf8ef;color:var(--iso-green-dark)}.iso-check-row{gap:8px;font-size:11px;font-weight:700}.iso-check-row input{accent-color:var(--iso-green)}.iso-settings-footer{width:100%;min-width:0;overflow:hidden;border-top:1px solid var(--iso-line);padding:11px 14px;background:#fafcfb}.iso-settings-footer p{overflow-wrap:anywhere;font-size:10px;color:var(--iso-muted);margin:0}.iso-export-meta{display:grid;margin-bottom:9px}.iso-export-meta span{font-size:11px;font-weight:800;color:var(--iso-green-dark)}.iso-export-meta small{font-size:9px;color:var(--iso-muted);margin-top:2px}.iso-download-button{width:100%;background:#fff}.iso-spinner{width:25px;height:25px;border:3px solid #cfe1d4;border-top-color:var(--iso-green);border-radius:50%;animation:iso-spin .75s linear infinite;margin-bottom:9px}.iso-button-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#07180e;border-radius:50%;animation:iso-spin .65s linear infinite}@keyframes iso-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.iso-workspace{grid-template-columns:220px minmax(260px,1fr) 220px}.iso-header-actions .iso-secondary-button{display:none}}@media(max-width:620px){.iso-generator-shell{position:relative;min-height:100dvh;overflow:auto;display:block}.iso-generator-header{height:auto;min-height:58px;position:sticky;top:0;z-index:4}.iso-workspace{display:flex;flex-direction:column;overflow:visible}.iso-left-column,.iso-settings-panel{overflow:visible}.iso-viewer-panel{height:62dvh;min-height:430px}.iso-settings-panel{display:block}.iso-settings-tabs{height:52px;position:sticky;top:58px;background:#fff;z-index:3}.iso-header-left>div span,.iso-export-check{display:none}}
/* Embedded isometric asset generator */
.iso-generator-shell.embedded {
    position: relative;
    inset: auto;
    z-index: auto;
    width: 100%;
    height: 100%;
    border-radius: 7px;
}
.iso-generator-shell.embedded .iso-generator-header { min-height: 58px; }
.iso-range-with-number { display: grid; grid-template-columns: minmax(0, 1fr) 72px; align-items: center; gap: 9px; }
.iso-range-with-number input[type="number"] { width: 100%; height: 32px; border: 1px solid #cbd7ce; border-radius: 5px; background: #fff; color: var(--iso-ink); padding: 0 7px; text-align: center; font: inherit; font-size: 11px; font-weight: 750; }
.iso-select-field input[type="text"] { width: 100%; min-width: 0; height: 34px; border: 1px solid #cbd7ce; border-radius: 5px; background: #fff; padding: 0 8px; color: var(--iso-ink); font: inherit; font-size: 12px; }
.iso-field-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 7px; }
.iso-field-heading span { font-size: 11px; font-weight: 800; }
.iso-field-heading small { color: var(--iso-muted); font-size: 9px; }
.iso-direction-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.iso-direction-checks label { min-width: 0; height: 50px; display: grid; grid-template-columns: 15px 18px minmax(0, 1fr); align-items: center; gap: 4px; padding: 0 6px; border: 1px solid #cbd7ce; border-radius: 5px; background: #fff; cursor: pointer; }
.iso-direction-checks label.selected { border-color: var(--iso-green); background: #eaf8ef; color: var(--iso-green-dark); }
.iso-direction-checks input { margin: 0; accent-color: var(--iso-green); }
.iso-direction-checks .material-symbols-outlined { font-size: 17px; }
.iso-direction-checks small { min-width: 0; font-size: 9px; font-weight: 750; line-height: 1.1; }
.iso-output-preview.multi { width: min(286px, calc(100% - 28px)); }
.iso-output-preview.multi > .iso-preview-grid { height: auto; min-height: 132px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background-color: #d8e1da; background-image: none; }
.iso-preview-grid figure { position: relative; min-width: 0; height: 130px; margin: 0; display: grid; place-items: center; overflow: hidden; background-color: #f5f8f6; background-image: linear-gradient(45deg,#e4e8e5 25%,transparent 25%),linear-gradient(-45deg,#e4e8e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e8e5 75%),linear-gradient(-45deg,transparent 75%,#e4e8e5 75%); background-size: 16px 16px; background-position: 0 0,0 8px,8px -8px,-8px 0; }
.iso-preview-grid figure img { width: 100%; height: 100%; object-fit: contain; }
.iso-preview-grid figcaption { position: absolute; right: 5px; bottom: 5px; min-width: 22px; padding: 2px 4px; border-radius: 3px; background: rgba(23,32,25,.78); color: #fff; font-size: 8px; font-weight: 850; text-align: center; }
.iso-footer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.iso-footer-actions .iso-download-button { min-width: 0; padding: 0 8px; font-size: 10px; }
.iso-footer-actions .iso-download-button.primary { border-color: var(--iso-green); background: var(--iso-green); color: #07180e; }
@media(max-width:620px){.iso-generator-shell.embedded{height:100%;min-height:0;overflow:auto}.iso-generator-shell.embedded .iso-workspace{overflow:visible}}