@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e8edf0;background:#0d141b;font-size:16px}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#111b23;border-right:1px solid #263640;padding:30px 17px;display:flex;flex-direction:column;gap:48px}.brand{display:flex;align-items:center;gap:12px;padding:0 15px;font:600 .87rem/1.15 'Space Grotesk',sans-serif;letter-spacing:.13em;color:#a7b5bc}.brand strong{color:#f6fbf8;font-size:1.12rem;letter-spacing:.15em}.brand-icon{display:grid;place-items:center;width:43px;height:43px;background:#69d6ab;color:#10251e;border-radius:12px;font-size:2rem}.side-label,.kicker,.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:#69d6ab}.side-label{padding-left:17px;color:#81919b;margin-bottom:-34px}.sidebar nav{display:grid;gap:7px}.nav-link{width:100%;border:0;background:none;color:#aab8bf;padding:13px 15px;text-align:left;border-radius:11px;display:flex;gap:14px;align-items:center;font-weight:600}.nav-link span:first-child{font-size:1.25rem;width:21px;text-align:center}.nav-link:hover,.nav-link.active{background:#213d3a;color:#e8fff4}.nav-link.active{box-shadow:inset 3px 0 #69d6ab}.side-bottom{margin-top:auto;padding:0 15px;color:#9aabb3;font-size:.85rem;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#69d6ab;box-shadow:0 0 12px #69d6ab}main{min-width:0}.topbar{height:76px;border-bottom:1px solid #263640;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:#8396a0}.top-actions{display:flex;align-items:center;gap:15px;font-size:.83rem;color:#9fb1b8}.zip-indicator{color:#e7be73;border:1px solid #69583d;border-radius:30px;padding:6px 10px;white-space:nowrap}.top-actions select,.converter-card select{background:#17242c;color:#eef6f3;border:1px solid #35505a;border-radius:9px;padding:9px 11px}.content{max-width:1400px;margin:auto;padding:35px 4.2% 70px}.intro{min-height:190px;border:1px solid #2a4746;background:radial-gradient(circle at 79% 55%,#245747 0,#15352f 26%,#14242a 62%);border-radius:20px;padding:35px 42px;display:flex;justify-content:space-between;overflow:hidden}.intro h1{font:600 clamp(1.7rem,3vw,2.7rem)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:15px 0 10px}.intro p{color:#b7c7c8;margin:0;max-width:530px}.cube-art{position:relative;width:220px;min-width:160px;transform:rotate(-12deg)}.cube-art span{position:absolute;width:110px;height:110px;border:2px solid #71dcb4;transform:rotate(30deg) skew(-10deg,-10deg);box-shadow:inset 0 0 25px #70dcb427,0 0 25px #70dcb41f}.cube-art span:nth-child(1){top:7px;left:55px}.cube-art span:nth-child(2){top:35px;left:15px;opacity:.5}.cube-art span:nth-child(3){top:55px;left:95px;opacity:.38}.notice{margin:19px 0 33px;border:1px solid #5c4f39;background:#302b21;color:#eed8ac;border-radius:12px;padding:13px 17px;display:flex;align-items:center;gap:12px;font-size:.89rem}.notice button{margin-left:auto;color:#f7e8cd;background:none;border:0;text-decoration:underline}.view{display:none}.view.active{display:block}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.section-heading h2{font:600 1.55rem 'Space Grotesk';margin:5px 0 0}.count{font-size:.82rem;color:#9eb1b8}.explorer-panel,.preview-panel,.converter-card,.info-card,.tool-card{background:#152129;border:1px solid #2b3e47;border-radius:15px}.explorer-toolbar{display:flex;align-items:center;gap:15px;padding:15px 20px;border-bottom:1px solid #2b3e47}.icon-button{border:1px solid #36505a;color:#d5e5e4;background:#20323a;border-radius:8px;width:34px;height:34px;font-size:1.2rem}.breadcrumbs{color:#a9bbb9;white-space:nowrap;overflow:auto;font-size:.88rem}.crumb{background:none;border:0;color:#a9bbb9;padding:3px}.crumb:last-child{color:#eaf8f2;font-weight:700}.file-list{min-height:250px}.file-row{width:100%;display:grid;grid-template-columns:35px minmax(0,1fr) 105px 24px;align-items:center;gap:13px;border:0;border-bottom:1px solid #24343d;background:none;text-align:left;color:#e5eeec;padding:14px 22px}.file-row:last-child{border-bottom:0}.file-row:hover{background:#1b3035}.file-icon{width:34px;height:34px;background:#214b44;border-radius:8px;display:grid;place-items:center;color:#85dfbd}.file-row.file .file-icon{background:#303c48;color:#9bbce3}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.file-size,.file-chevron{color:#91a7ae;font-size:.82rem}.file-chevron{text-align:right}.list-note{padding:10px 20px;color:#95aab1;font-size:.8rem}.preview-panel{margin-top:17px}.preview-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-head h3{margin:5px 0 0;word-break:break-word}.preview-actions{display:flex;align-items:center;gap:9px}.button{border:1px solid #558e79;border-radius:9px;padding:11px 16px;color:#d8ffec;background:#245344;font-weight:700;text-decoration:none;display:inline-block}.button:hover{background:#2d6855}.button.primary{width:100%;background:#6ad7ac;color:#11231e;border:0;margin-top:22px}.button.primary:hover{background:#8ae8c3}.button.small{font-size:.85rem;padding:8px 12px}.preview-panel pre{margin:0;border-top:1px solid #2b3e47;padding:20px 23px;max-height:450px;overflow:auto;color:#c4d9d5;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.converter-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:17px}.converter-card,.info-card{padding:25px}.converter-card label:not(.drop-zone){display:block;color:#cad9dc;font-weight:700;margin-bottom:9px}.converter-card select{width:100%;padding:12px}.converter-card p{color:#9fb4b7;font-size:.9rem;line-height:1.5}.converter-card #conversion-help{min-height:42px}.drop-zone{border:1px dashed #5b8c7c;border-radius:13px;background:#1a302f;min-height:145px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer;color:#e0f9ec}.drop-zone.dragging{background:#285448}.drop-zone span:last-child{color:#9bbab4;font-size:.85rem}.drop-icon{font-size:2rem;color:#70ddb1}.info-card h3{font:600 1.3rem 'Space Grotesk';margin:10px 0}.info-card p{color:#a9bcbf;line-height:1.6}.format-line{display:flex;align-items:center;gap:14px;margin:24px 0;color:#7ee4b5;font:700 1.3rem 'Space Grotesk'}.format-line span:first-child,.format-line span:last-child{background:#21483c;border:1px solid #3f8066;border-radius:8px;padding:9px 14px}.info-card .fine-print{font-size:.82rem;border-top:1px solid #31434a;padding-top:16px}.section-description{color:#a7b8bf;margin-top:-5px;margin-bottom:22px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tool-card{padding:21px;min-height:170px}.tool-card-top{display:flex;justify-content:space-between;align-items:center}.tool-glyph{font-size:1.4rem;color:#79dfb5}.badge{border-radius:20px;padding:5px 9px;background:#52452f;color:#ecd4a0;font-size:.72rem;font-weight:700}.badge.ready{background:#244c3b;color:#92e5b9}.tool-card h3{font:600 1.08rem 'Space Grotesk';margin:16px 0 7px}.tool-card p{color:#9fb2b7;font-size:.86rem;line-height:1.45;margin:0}.tool-card code{display:block;color:#77949e;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:13px}@media(max-width:850px){.shell{grid-template-columns:1fr}.sidebar{padding:15px 20px;gap:15px}.brand{padding:0}.side-label,.side-bottom{display:none}.sidebar nav{display:flex;overflow:auto}.nav-link{width:auto;white-space:nowrap}.topbar{height:58px}.eyebrow{display:none}.top-actions{margin-left:auto}.content{padding:22px 4% 55px}.intro{padding:26px;min-height:150px}.cube-art{display:none}.converter-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.top-actions label{display:none}.intro h1{font-size:1.8rem}.notice{align-items:flex-start}.file-row{grid-template-columns:32px minmax(0,1fr) 20px;gap:8px;padding:13px}.file-size{display:none}.tool-grid{grid-template-columns:1fr}.preview-head{align-items:flex-start}.preview-actions{flex-shrink:0}}

.intro.compact{min-height:170px;margin-bottom:34px}.public-shell .content{max-width:1260px}.result{margin-top:20px;border:1px solid #48846d;background:#1b3932;border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:18px}.result[hidden]{display:none}.result strong{color:#ecfff4;word-break:break-all}.result p{margin:5px 0 0}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-actions .button{white-space:nowrap}.result-actions [hidden]{display:none}.tool-meta{display:flex;gap:10px;color:#a6c6bb;font-size:.78rem;margin:20px 0}.tool-meta span{background:#203a37;border-radius:6px;padding:7px 10px}.tool-card .button{margin-top:5px}.command{display:block;overflow:auto;background:#0e1b22;padding:14px;border-radius:8px;color:#95e4bc;font-size:.82rem}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.step{color:#70d6ac;font:700 1.5rem 'Space Grotesk'}.guide-grid h3{font:600 1.2rem 'Space Grotesk'}.top-actions .zip-indicator{color:#98dfbb;border-color:#466d59}@media(max-width:850px){.result{align-items:flex-start;flex-direction:column}.guide-grid{grid-template-columns:1fr}}

.lookup-panel{background:#152129;border:1px solid #2b3e47;border-radius:15px;overflow:hidden}.lookup-controls{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:18px;border-bottom:1px solid #2b3e47}.lookup-controls select,.lookup-controls input{width:100%;border:1px solid #35505a;background:#17242c;color:#eef6f3;border-radius:9px;padding:12px;font:inherit}.lookup-controls input::placeholder{color:#91a6aa}.lookup-summary{padding:13px 20px;color:#9fbaaf;font-size:.86rem;border-bottom:1px solid #293a42}.lookup-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.lookup-row{padding:18px 20px;border-right:1px solid #293a42;border-bottom:1px solid #293a42;min-height:118px}.lookup-row:nth-child(even){border-right:0}.lookup-row-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.lookup-row h3{font:600 1.03rem/1.3 'Space Grotesk',sans-serif;margin:0;word-break:break-word}.lookup-id{color:#86d9b0;background:#20433a;border-radius:6px;padding:4px 8px;white-space:nowrap;font:.78rem ui-monospace,monospace}.lookup-row p{color:#aebfc1;font-size:.87rem;line-height:1.5;margin:9px 0 0;white-space:pre-wrap}.lookup-row code{display:block;color:#80cfb1;font-size:.8rem;margin-top:8px;overflow-wrap:anywhere}.lookup-group{display:block;color:#9bb0b6;font-size:.78rem;margin-top:7px}.lookup-row .lookup-extra{color:#84a5aa;font-size:.78rem}@media(max-width:680px){.lookup-controls{grid-template-columns:1fr}.lookup-results{grid-template-columns:1fr}.lookup-row{border-right:0}}

.mod-input{width:100%;background:#17242c;color:#eef6f3;border:1px solid #35505a;border-radius:9px;padding:12px}.mod-input:focus{outline:2px solid #69d6ab;outline-offset:1px}.button:disabled{opacity:.55;cursor:not-allowed}
.lookup-more{display:block;margin:18px auto}.lookup-more[hidden]{display:none}
.lookup-source{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-8px 0 20px;padding:14px 17px;border:1px solid #38585b;border-radius:10px;background:#193039;color:#b9cbca;font-size:.86rem;line-height:1.5}.lookup-source a{color:#8ce8bb;white-space:nowrap;font-weight:700}.lookup-source a:hover{color:#c7ffdf}@media(max-width:680px){.lookup-source{align-items:flex-start;flex-direction:column}.lookup-source a{white-space:normal}}
.map-picker{cursor:pointer;margin:10px 0 4px}.map-selected{min-height:20px;overflow-wrap:anywhere}.map-caution{color:#9eb8b7;font-size:.86rem;line-height:1.5;margin-top:18px}.converter-card h3{margin:0 0 12px;font:600 1.2rem 'Space Grotesk',sans-serif}