:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d211f;background:#e9e4d8}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;border:1px solid #a8afa4;border-radius:6px;padding:9px 10px;background:#fbfaf6;color:#1d211f}input:disabled,select:disabled{border-color:#c7c2b7;background:#e1ddd3;color:#8b877e;cursor:not-allowed}.mobile-shell{min-height:100vh;display:flex;flex-direction:column;background:#e9e4d8}.tool-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 12px;background:#1f292e}.tool-nav button{min-height:42px;border:1px solid #5f6b63;border-radius:6px;background:#273238;color:#d8ded3;display:flex;align-items:center;justify-content:center;gap:8px}.tool-nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-nav .tool-tab.active{border-color:#f0c36a;background:#46544a;color:#fff8e8}.top-bar{position:sticky;top:0;z-index:10;display:grid;gap:8px;padding:10px 12px;background:#273238;color:#f7f3e8;box-shadow:0 8px 22px #2732382e}.brand-strip{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;align-items:center}.brand-strip button,.icon-button{width:42px;height:42px;border:1px solid #829083;border-radius:6px;background:#34444b;color:#f7f3e8;display:grid;place-items:center}.brand-strip button:hover,.icon-button:hover,.sheet-button:hover{background:#46544a}.icon-button:disabled{cursor:not-allowed;opacity:.42}.icon-button:disabled:hover{background:#34444b}.name-input{border-color:#5f6b63;background:#202a2f;color:#f7f3e8;font-size:18px;font-weight:700}.name-input.light{border-color:#cec5b5;background:#fbfaf6;color:#1d211f}.action-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.action-bar::-webkit-scrollbar{display:none}.editor-focus{flex:1;display:grid;align-content:start;gap:10px;padding:14px 12px 16px}.card-meta{display:flex;justify-content:space-between;gap:12px;color:#536058;font-size:13px}.canvas-wrap{justify-self:center;max-width:100%;overflow:auto;cursor:grab;padding:10px;background:#fbfaf6;border:1px solid #cec5b5;border-radius:8px;box-shadow:0 12px 36px #27323824;touch-action:none}.bottom-sheet{position:sticky;bottom:0;z-index:8;display:none;padding:10px;background:#e9e4d8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #cec5b5}.bottom-sheet.open{display:block}.control-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:820px;margin:0 auto}.control-panel label{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;color:#35433a;font-size:12px}.control-panel label.wide{grid-template-columns:42px minmax(0,1fr)}.field-icon{width:42px;height:38px;border:1px solid #cec5b5;border-radius:6px;background:#fbfaf6;color:#35433a;display:grid;place-items:center}.font-size-icon{display:inline-flex;align-items:baseline;gap:2px;line-height:1}.font-size-icon span{font-size:12px;font-weight:700}.font-size-icon strong{font-size:20px;font-weight:800}.qr-icon{width:19px;height:19px;display:grid;gap:0;padding:1px;background:#fbfaf6}.qr-icon span{display:block;background:transparent}.qr-icon .on{background:#1d211f}.wide,.sheet-title,.warnings,.status{grid-column:1 / -1}.sheet-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-title span{color:#536058;font-size:12px}.sheet-button{border:1px solid #829083;border-radius:6px;color:#f7f3e8;background:#34444b;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px}.delete-button{border:1px solid #cf4f35;border-radius:6px;color:#842d20;background:#fff8f4;padding:10px;display:flex;align-items:center;justify-content:center;gap:7px}.delete-button:hover{background:#ffe8de}.warnings{display:flex;flex-wrap:wrap;gap:8px}.warnings span{border:1px solid #cec5b5;border-radius:6px;padding:8px 10px;background:#fbfaf6;color:#35433a;font-size:12px}.warnings .warning{border-color:#c89435}.warnings .error{border-color:#cf4f35;color:#842d20}.status{min-height:18px;margin:0;color:#7a3b20;font-size:13px}.preview-section{padding:0 12px 18px}.card-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:920px;width:100%;margin:0 auto;padding:0 12px 18px}.card-actions button{min-height:62px;border:1px solid #829083;border-radius:8px;background:#273238;color:#f7f3e8;display:grid;place-items:center;gap:4px}.card-actions button:hover{background:#46544a}.preview-3d{width:100%;min-height:260px;border:1px solid #cec5b5;border-radius:8px;overflow:hidden;background:#f4f0e6}.interactive-preview{cursor:grab;touch-action:none}.interactive-preview:active{cursor:grabbing}.export-shell{min-height:100vh;display:flex;flex-direction:column;gap:16px;padding:12px;background:#e9e4d8}.export-header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center}.export-header button{border:1px solid #829083;border-radius:6px;background:#34444b;color:#f7f3e8}.export-header button{width:44px;height:44px;display:grid;place-items:center}.export-header strong{display:block;font-size:22px}.export-header span{display:block;min-width:0;overflow:hidden;color:#536058;text-overflow:ellipsis;white-space:nowrap}.export-preview{display:grid;gap:8px;place-items:center}.export-preview .preview-3d{width:min(100%,680px);min-height:340px;border:1px solid #cec5b5;border-radius:8px;box-shadow:0 12px 36px #27323824}.export-preview span{color:#536058;font-size:13px}.export-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:680px;width:100%;margin:0 auto}.export-options button{min-height:68px;border:1px solid #829083;border-radius:8px;background:#273238;color:#f7f3e8;display:grid;place-items:center;gap:4px}.export-options button:hover,.export-header button:hover{background:#46544a}.export-warnings{max-width:680px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px}.export-warnings span{border:1px solid #cec5b5;border-radius:6px;padding:8px 10px;background:#fbfaf6;color:#35433a;font-size:12px}.export-warnings .warning{border-color:#c89435}.export-warnings .error{border-color:#cf4f35;color:#842d20}.export-status{max-width:680px;width:100%;min-height:18px;margin:0 auto;color:#7a3b20;font-size:13px}.lid-tool{display:grid;gap:14px;padding:12px}.lid-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;max-width:760px;width:100%;margin:0 auto}.segmented{display:inline-grid;grid-template-columns:repeat(2,minmax(82px,auto));gap:6px}.segmented button{min-width:82px;height:42px;border:1px solid #829083;border-radius:6px;background:#fbfaf6;color:#35433a;display:flex;align-items:center;justify-content:center;gap:6px}.segmented button.active{border-color:#2f7c6b;background:#e0f0e9;color:#1e5f51}.lid-preview-panel{display:grid;gap:8px;justify-items:center}.lid-preview-panel .preview-3d{width:min(100%,760px);min-height:340px;box-shadow:0 12px 36px #27323824}.lid-preview-panel span{color:#536058;font-size:13px}.lid-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:760px;width:100%;margin:0 auto}.lid-controls label{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:8px}.lid-field-label{width:150px;min-height:42px;height:auto;grid-template-columns:22px minmax(0,1fr);justify-content:start;place-items:center start;padding:5px 9px;gap:6px}.lid-field-label span{min-width:0;overflow-wrap:anywhere;white-space:normal;line-height:1.05;font-size:12px;font-weight:650}.lid-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:760px;width:100%;margin:0 auto}.lid-actions button{min-height:62px;border:1px solid #829083;border-radius:8px;background:#273238;color:#f7f3e8;display:grid;place-items:center;gap:4px}.lid-actions button:hover{background:#46544a}.guide-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:14px;background:#1d211f7a}.guide-panel{width:min(680px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid #cec5b5;border-radius:8px;background:#fbfaf6;box-shadow:0 18px 56px #1d211f47}.guide-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #cec5b5;background:#fbfaf6}.guide-header h2{margin:0;font-size:20px}.guide-header button{width:38px;height:38px;border:1px solid #829083;border-radius:6px;background:#34444b;color:#f7f3e8;display:grid;place-items:center}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.guide-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #e0d8ca;border-radius:8px;background:#fffdf8}.guide-item>span{width:38px;height:38px;border-radius:6px;background:#273238;color:#f7f3e8;display:grid;place-items:center}.guide-item strong,.guide-item p{margin:0}.guide-item p{margin-top:3px;color:#536058;font-size:13px}@media(min-width:900px){.mobile-shell{min-height:100vh}.top-bar{grid-template-columns:320px minmax(0,1fr);align-items:center}.editor-focus{padding:24px}.preview-section{max-width:920px;width:100%;margin:0 auto;padding-bottom:24px}.export-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.control-panel label,.control-panel label.wide{grid-template-columns:38px minmax(0,1fr)}.lid-controls label{grid-template-columns:118px minmax(0,1fr)}.field-icon{width:38px}.lid-field-label{width:118px}.lid-controls,.lid-actions,.guide-grid{grid-template-columns:1fr}}