:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;color:#e6e6e6;background:#0d0d0d}*{box-sizing:border-box}body{margin:0}button,.button,input,select{font:inherit}button,.button{border:2px solid #090909;background:#292929;color:#ddd;padding:8px 10px;cursor:pointer;box-shadow:inset 0 0 0 1px #454545;transition:background .12s}button:hover:not(:disabled),.button:hover{background:#383838}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:#3ac42f;color:#0e210d;font-weight:800}.primary:hover:not(:disabled){background:#5ad84e!important}.minor{color:#aeb7ad}.app-shell{height:100dvh;min-height:560px;display:flex;flex-direction:column}.topbar{height:60px;flex:none;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#1a1a1a;border-bottom:3px solid #080808;padding:7px 12px}.brand{min-width:200px;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#48ca36;border:2px solid #090909;color:#071207;font-size:26px;font-weight:900}.brand strong,.brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw}.brand strong{font-size:15px}.brand small{font-size:11px;color:#929292}.top-actions,.view-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.top-actions button{min-width:38px}.workspace{display:grid;grid-template-columns:minmax(255px,19.4vw) minmax(0,1fr) minmax(270px,20vw);min-height:0;flex:1}.tools-panel,.details-panel{background:#1c1c1c;overflow:auto;min-height:0}.tools-panel{border-right:3px solid #080808}.details-panel{border-left:3px solid #080808;display:flex;flex-direction:column}.section-title{height:47px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;background:#242424;border-bottom:2px solid #070707;font-size:14px}.section-title span{color:#45cb3a;font-size:12px}.panel-hint{margin:0;padding:10px 12px;background:#181818;color:#999;font-size:11px;line-height:1.5;border-bottom:2px solid #070707}.tool-list{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:9px}.tool{min-height:48px;display:flex;align-items:center;justify-content:center;gap:4px}.tool span{font-size:18px}.tool small{font-size:10px}.tool.active,.selection-tabs button.active{background:#49c638;color:#091009;box-shadow:inset 0 0 0 1px #8cf06d;font-weight:800}.selection-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:5px 8px;background:#171717}.selection-tabs button{padding:8px 2px;font-size:12px}.selection-card,.panel-group{margin:8px;border:2px solid #080808;background:#242424}.card-title{font-size:12px;font-weight:750;padding:9px 10px;border-bottom:2px solid #090909;background:#2a2a2a}.selection-detail{min-height:90px;padding:12px;line-height:1.45}.selection-hero{display:flex;align-items:center;gap:10px}.selection-hero .swatch{width:39px;height:39px;flex:none}.selection-name strong,.selection-name small{display:block}.selection-name small{font-size:10px;color:#a4a4a4;word-break:break-all}.selection-meta{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px;color:#a3a3a3;font-size:11px}.selection-meta b{color:#eee}.subheading{display:flex;justify-content:space-between;padding:9px 10px 5px;color:#aaa;font-size:11px;border-top:1px solid #111}.selection-composition{padding:6px 10px 10px;max-height:155px;overflow:auto}.composition-row{display:flex;gap:6px;align-items:center;margin:4px 0;font-size:11px}.composition-row b{margin-left:auto}.replace-action{background:#f2b62b;color:#100e08;font-weight:800;width:calc(100% - 20px);margin:10px}.replace-action:hover:not(:disabled){background:#ffcb53}.two-buttons,.three-buttons{display:grid;gap:5px;padding:6px 9px 10px}.two-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.three-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}.two-buttons button,.three-buttons button{font-size:11px;padding:7px 2px}.muted{color:#979797;font-size:11px;line-height:1.5}.panel-group>.muted{padding:8px 10px}.advanced-tools,.project-settings{border-top:2px solid #080808;margin-top:8px;padding:10px}.advanced-tools summary,.project-settings summary{cursor:pointer;font-weight:700;color:#aaa}.advanced-tools>button{width:100%}.art-panel{min-width:0;display:flex;flex-direction:column;background:#101010}.art-heading{height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 12px;background:#202020;border-bottom:2px solid #080808}.art-heading strong,.art-heading small{display:block}.art-heading small{color:#888;font-size:10px}.view-actions button{font-size:11px;padding:5px 8px}#zoom-label{width:42px;text-align:right;color:#43c738;font-weight:bold}.canvas-wrap{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none;background:#171717;background-image:linear-gradient(45deg,#202020 25%,transparent 25%),linear-gradient(-45deg,#202020 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#202020 75%),linear-gradient(-45deg,transparent 75%,#202020 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}canvas{position:absolute;inset:0;width:100%;height:100%}#overlay-canvas{pointer-events:none}.empty-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(400px,calc(100% - 36px));background:#242424ed;border:3px solid #090909;box-shadow:0 15px 45px #000b;text-align:center;padding:30px}.empty-icon{font-size:50px;color:#48cf38}.empty-state h1{margin:8px 0}.empty-state p{color:#bbb;line-height:1.6}.navigation-pad{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:center;gap:3px}.navigation-pad div{display:flex;gap:24px}.navigation-pad button{width:28px;height:28px;padding:0;background:#202020d9;font-weight:900;color:#59d64b}.canvas-toolbar{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:2px;background:#151515;border:3px solid #080808;padding:4px}.canvas-toolbar button{min-height:38px;width:41px;font-size:19px}.statusbar{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 10px;background:#1a1a1a;border-top:2px solid #080808;color:#a1a1a1;font-size:11px}.statusbar #cursor{text-align:right}.material-filters{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:4px;padding:8px;background:#202020;border-bottom:2px solid #090909}.material-filters input,.material-filters select,.field input,.field select{min-width:0;width:100%;background:#131313;border:1px solid #555;color:#e9e9e9;padding:7px}.material-list{flex:1;min-height:80px;overflow:auto;padding:6px}.material-row{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:5px;padding:7px;text-align:left;background:#292929;border:1px solid #3d3d3d;box-shadow:none}.material-row:hover{border-color:#55c848}.material-row .swatch,.composition-row .swatch{display:inline-block;width:22px;height:22px;flex:none;background:#999;border:2px solid #080808}.material-row .name{min-width:0;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-row .name small{display:block;color:#8c8c8c;font-size:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis}.material-row .number{text-align:right;color:#44c83b;font-weight:800}.material-row .number small{display:block;color:#888;font-size:10px;font-weight:400}.material-row .bar{height:3px;background:#0c0c0c;margin-top:3px}.material-row .bar i{display:block;height:100%;background:#49ca3b}.right-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px;background:#202020}.field{display:block;color:#aaa;font-size:11px;margin:10px 0}.field select,.field input{margin-top:4px}.field .three-buttons{padding:0}.summary{display:grid;grid-template-columns:1fr auto;gap:6px;color:#aaa;font-size:11px;padding:10px;background:#222}.summary strong{color:#eee}.diagnostics{white-space:pre-line;word-break:break-word}.dialog-backdrop{position:fixed;inset:0;z-index:20;background:#000b;display:grid;place-items:center;padding:15px}.dialog{width:min(510px,100%);max-height:92vh;overflow:auto;background:#222;border:3px solid #090909;box-shadow:0 25px 70px #000c;padding:20px}.dialog h2{margin:0 0 10px;font-size:21px}.dialog p{color:#aaa;line-height:1.5}.dialog .actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog .warning{color:#f8c152}.replace-dialog{width:min(770px,100%);display:flex;flex-direction:column;max-height:92vh}.replace-dialog .modal-header{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:2px solid #090909}.modal-icon{width:52px;height:52px;display:grid;place-items:center;background:#eeb32a;color:#151105;font-size:30px;font-weight:800}.replace-dialog h2{margin:0}.replace-dialog .modal-header p{margin:4px 0 0}.replace-dialog .selection-alert{padding:10px 13px;background:#202c3a;border:2px solid #54a0ec;margin:14px 0;color:#e8f2ff;font-weight:700}.target-preview{display:flex;align-items:center;min-height:55px;padding:10px;border:2px dashed #555;color:#aaa}.target-preview.chosen{border-style:solid;border-color:#52c849;color:#eee}.replace-dialog .recent{display:flex;gap:5px;align-items:center;margin:9px 0;padding:8px;background:#292929}.recent button{padding:6px}.catalog-heading{display:flex;justify-content:space-between;margin-top:7px}.catalog-search{width:100%;padding:10px;background:#151515;border:2px solid #55c848;color:#fff;margin:10px 0}.catalog-categories{display:flex;gap:5px;overflow:auto;padding-bottom:7px}.catalog-categories button{white-space:nowrap}.catalog-categories .active{background:#46c436;color:#0b1009}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:5px;overflow:auto;min-height:100px;max-height:33vh;padding:8px;background:#171717;border:2px solid #090909}.catalog-item{min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;text-align:center}.catalog-item .swatch{width:27px;height:27px;display:block;border:2px solid #111}.catalog-item.selected{border-color:#55c748;background:#244128}.replace-dialog .actions{flex:none;margin-top:12px}.replace-dialog .actions .primary{background:#eeb42b;color:#171006}.replace-dialog .actions .primary:hover:not(:disabled){background:#ffd054!important}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.canvas-wrap:focus-visible{outline:2px solid #a7eb6d;outline-offset:2px}[hidden]{display:none!important}
@media(max-width:1100px){.workspace{grid-template-columns:230px minmax(0,1fr) 250px}.tool-list{grid-template-columns:repeat(2,1fr)}.brand small{max-width:180px}}@media(max-width:760px){.app-shell{height:auto;min-height:100dvh}.topbar{height:auto;flex-wrap:wrap}.top-actions{width:100%;overflow:auto}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(480px,70dvh) auto auto}.art-panel{grid-row:1}.tools-panel{grid-row:2;border-right:0;border-top:3px solid #080808}.details-panel{grid-row:3;border-left:0;border-top:3px solid #080808;max-height:500px}.tool-list{grid-template-columns:repeat(3,1fr)}.brand strong,.brand small{max-width:none}}

.home-view{min-height:100dvh;background:#101010;color:#eee;padding:28px clamp(20px,4vw,88px) 60px;overflow:auto}.home-content{max-width:1640px;margin:auto}.home-kicker{color:#4ac83d;font-size:13px;font-weight:800;letter-spacing:.16em;display:flex;align-items:center;gap:10px}.home-dot{width:9px;height:9px;background:#48c936;display:inline-block}.home-hero{display:grid;grid-template-columns:minmax(360px,1fr) minmax(350px,.9fr);gap:clamp(26px,4vw,76px);align-items:center;margin:28px 0 75px}.home-intro h1{font-size:clamp(44px,5vw,76px);line-height:1.05;letter-spacing:-.035em;margin:0 0 28px;padding-left:20px;border-left:4px solid #4ac83d}.home-subtitle{color:#b2b2b2;font-size:clamp(15px,1.4vw,21px);line-height:1.65;margin:0 0 28px}.home-drop{background:#242424;border:3px solid #070707;display:grid;grid-template-columns:78px minmax(0,1fr);gap:18px;align-items:center;min-height:220px;padding:30px;box-shadow:7px 7px 0 #080808}.home-drop.dragover{border-color:#4dcd3b;background:#1d2d1d}.home-upload-icon{width:76px;height:76px;border:3px solid #070707;display:grid;place-items:center;color:#49c83d;background:#111;font-size:52px;font-weight:900}.home-drop strong{font-size:27px}.home-drop p{color:#aaa;font-size:17px;margin:10px 0}.home-drop label{color:#4fd042;text-decoration:underline;cursor:pointer;font-weight:800}.home-drop small,.home-local-note{color:#909090;font-size:12px;line-height:1.55}.home-format{display:flex;gap:9px;grid-column:2}.home-format span{padding:7px 12px;border:2px solid #0b0b0b;background:#141414;font-weight:800}.home-local-note{margin:23px 0}.home-intro>button{background:#3fc736;color:#092008;font-weight:800}.home-visual{border:3px solid #080808;background:#1b1b1b;box-shadow:10px 10px 0 #080808;min-height:360px;display:flex;flex-direction:column}.home-visual-heading,.home-visual-footer{padding:13px 17px;background:#222;display:flex;justify-content:space-between;color:#999;font-size:12px;font-weight:800}.home-visual-heading{border-bottom:2px solid #070707}.home-visual-footer{border-top:2px solid #070707;color:#4ac83d;gap:10px}.home-mosaic{flex:1;min-height:250px;display:grid;place-items:center;background-color:#181818;background-image:linear-gradient(#313131 1px,transparent 1px),linear-gradient(90deg,#313131 1px,transparent 1px);background-size:24px 24px;padding:24px}.home-mosaic-art{width:min(78%,290px);aspect-ratio:1.5;border:8px solid #e8e8e1;box-shadow:12px 12px 0 #0a0a0a;background:radial-gradient(circle at 35% 45%,#f2c338 0 12%,#e49a19 13% 16%,transparent 17%),radial-gradient(circle at 68% 65%,#f4b9cd 0 7%,transparent 8%),linear-gradient(135deg,transparent 0 32%,#61a24b 33% 38%,transparent 39%),linear-gradient(35deg,#f7f6ef 0 35%,#d2d5d1 36% 39%,#f7f6ef 40% 70%,#74a559 71% 77%,#f7f6ef 78%);image-rendering:pixelated}.recent-section{margin-top:35px}.recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid #363636;margin-bottom:20px}.recent-heading h2{font-size:18px;margin:0 0 -2px;border-left:4px solid #4ac83d;padding:0 15px 12px}.recent-heading h2 span{color:#858585;font-size:12px;margin-left:8px}.recent-heading button{border:0;box-shadow:none;background:transparent;margin-bottom:8px;font-weight:700}.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.recent-card{min-width:0;background:#202020;border:2px solid #090909;box-shadow:4px 4px 0 #080808;display:flex;flex-direction:column}.recent-card.draft{border-top:5px solid #e6af20}.recent-card.exported{border-top:5px solid #47c93b}.recent-thumb{aspect-ratio:16/9;background:#151515;display:grid;place-items:center;overflow:hidden;position:relative}.recent-thumb img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.recent-thumb .recent-placeholder{font-size:52px;color:#438b37}.recent-tags{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;gap:8px}.recent-tags span{font-size:10px;font-weight:900;background:#111d;padding:4px 6px;border:1px solid #070707}.recent-card.draft .recent-tags span:first-child{color:#f7bd40}.recent-card.exported .recent-tags span:first-child{color:#5ee44b}.recent-card-info{padding:12px 12px 8px;border-top:2px solid #090909;min-height:71px}.recent-card-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-card-info small{display:block;color:#aaa;margin-top:5px}.recent-card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:auto;padding:0 8px 8px}.recent-card-actions button{padding:7px 2px;font-size:11px}.recent-card-actions .danger{background:#aa3434;color:#fff}.recent-notice{color:#969696;line-height:1.6;font-size:12px;margin:16px 0}.recent-empty{grid-column:1/-1;padding:45px 25px;text-align:center;border:2px dashed #444;background:#1b1b1b;color:#aaa}.recent-empty strong{display:block;color:#ddd;font-size:18px;margin-bottom:7px}
@media(max-width:1180px){.home-hero{grid-template-columns:1fr 1fr}.recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.home-hero{grid-template-columns:1fr;margin-bottom:48px}.home-visual{min-height:260px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.home-view{padding:20px 16px 50px}.home-intro h1{font-size:44px}.home-drop{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:18px;min-height:185px}.home-upload-icon{width:50px;height:50px;font-size:38px}.home-drop strong{font-size:21px}.home-drop p{font-size:14px}.home-format{grid-column:1/-1}.recent-grid{grid-template-columns:1fr 1fr;gap:8px}.recent-card-actions{grid-template-columns:repeat(2,1fr)}.recent-card-info{padding:8px}.recent-card-info strong{font-size:12px}.recent-card-info small{font-size:10px}}
 .measurement-list{padding:9px 10px;max-height:180px;overflow:auto;font-size:11px;line-height:1.55}.measurement-row{padding:5px 0;border-bottom:1px solid #3c3c3c;overflow-wrap:anywhere}#clear-measurements{display:block;margin:4px 9px 9px;width:calc(100% - 18px)}#download-again{flex:none;font-size:11px;padding:4px 7px}