@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#1d2725;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d2725;--paper:#fff;--signal:#5a9388;--teal:#3f7d72;--coral:#b56e61;--canvas:#edf2f0;--app-bg:#f3f6f5;--ui-border:#1d302c1c;--glass:#ffffffad;--glass-strong:#fffffff5;--text:#1d2725;--muted:#687a76;--faint:#99aaa6;--field:#1f3a340e;--field-hover:#1f3a341a;--shadow:#354f491f;background:#f3f6f5;font-family:Manrope,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.theme-liquid{--app-bg:#f3f6f5;--canvas:#edf2f0;--glass:#ffffffad;--glass-strong:#fffffff5;color:var(--text);background:var(--app-bg)}.theme-ivory{--app-bg:#f7f8f7;--canvas:#f0f3f2;--paper:#fff;--glass:#ffffffc2;--glass-strong:#fffffffa;color:var(--text);background:var(--app-bg)}.app-shell{background:var(--app-bg);width:100%;height:100%;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.glass-panel{background:var(--glass);border:1px solid var(--ui-border);box-shadow:0 10px 30px var(--shadow), inset 0 1px 0 #ffffffeb;-webkit-backdrop-filter:blur(20px)saturate(125%);border-radius:10px}.no-glass .glass-panel{background:var(--glass-strong);-webkit-backdrop-filter:none}.topbar{z-index:10;border-width:0 0 1px;border-radius:0;flex:0 0 58px;align-items:center;gap:18px;height:58px;padding:0 18px;display:flex;position:relative;box-shadow:0 2px 12px #2a433d0a}.brand-lockup{min-width:160px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{background:var(--text);border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.theme-liquid .brand-mark img,.theme-ivory .brand-mark img{filter:grayscale()brightness(3)}.brand-chevron{color:var(--muted);margin-left:-4px}.brand-copy{gap:2px;line-height:1;display:grid}.brand-copy strong{letter-spacing:-.025em;font-size:13px}.brand-copy span,.eyebrow,.section-label,.toolbar-label{letter-spacing:.12em;color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.brand-copy span{letter-spacing:.11em;font-size:8px}.document-meta{gap:4px;min-width:196px;display:grid}.document-name-row{align-items:center;gap:7px;display:flex}.document-name-row input{width:170px;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:12px;font-weight:700}.document-name-row input:focus{border-bottom:1px solid var(--signal)}.status-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #5a938824}.document-subtitle{color:var(--faint);font-size:9px}.document-subtitle span{color:var(--signal);margin:0 4px}.topbar-spacer{flex:1}.icon-button{width:32px;height:32px;color:var(--muted);background:0 0;place-items:center;transition:all .15s;display:grid}.icon-button:hover{color:var(--text);background:var(--field-hover)}.icon-button.muted{color:var(--faint)}.icon-button.small{width:27px;height:27px}.zoom-control{border:1px solid var(--ui-border);background:#ffffff80;border-radius:7px;align-items:center;gap:1px;height:32px;padding:3px;display:flex}.zoom-control button{min-width:27px;height:25px;color:var(--muted);background:0 0;place-items:center;display:grid}.zoom-control button:hover{background:var(--field-hover);color:var(--text)}.zoom-control .zoom-value{width:46px;color:var(--text);font-family:DM Mono,monospace;font-size:10px}.top-actions{align-items:center;gap:3px;display:flex}.help-button{height:32px;color:var(--muted);background:0 0;align-items:center;gap:6px;padding:0 8px;display:flex}.help-button span{border:1px solid var(--muted);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.help-button kbd,.status-key{color:var(--faint);font-family:DM Mono,monospace;font-size:9px}.export-menu-wrap{position:relative}.export-main{background:var(--text);color:#fff;border-radius:7px;align-items:center;gap:8px;height:34px;padding:0 13px;font-size:11px;font-weight:800;transition:transform .15s,background .15s;display:flex}.export-main:hover{background:#314b45;transform:translateY(-1px)}.export-menu{z-index:30;border-radius:9px;width:205px;padding:6px;animation:.18s ease-out panel-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 44px #2a433d29}.export-menu button{width:100%;color:var(--muted);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:10px 9px;display:flex}.export-menu button:hover{color:var(--text);background:var(--field-hover)}.export-menu button>svg{color:var(--signal);flex:none}.export-menu button span{gap:2px;display:grid}.export-menu button strong{color:var(--text);font-size:10px;font-weight:700}.export-menu button small{color:var(--faint);font-size:9px}.workspace{flex:1;min-height:0;display:flex;position:relative}.left-toolbar{z-index:5;border-width:0 1px 0 0;border-radius:0;flex-direction:column;flex:0 0 72px;align-items:center;width:72px;padding:16px 8px 12px;display:flex;box-shadow:3px 0 14px #2a433d09}.toolbar-group{justify-items:center;gap:4px;width:100%;display:grid}.toolbar-label{color:var(--faint);align-self:flex-start;padding:0 7px 8px;font-size:8px}.toolbar-create{border-top:1px solid var(--ui-border);margin-top:14px;padding-top:18px}.tool-button{width:52px;min-height:49px;color:var(--muted);background:0 0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .15s;display:flex}.tool-button span{font-size:9px}.tool-button:hover{color:var(--text);background:var(--field-hover)}.tool-button.is-active{color:var(--teal);box-shadow:inset 2px 0 0 var(--teal);background:#5a938821}.toolbar-bottom{justify-items:center;gap:4px;width:100%;margin-top:auto;display:grid}.toolbar-rule{background:var(--ui-border);width:36px;height:1px;margin:5px 0 6px}.canvas-viewport{cursor:default;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--canvas);background-image:none;flex:1;min-width:0;position:relative;overflow:hidden}.canvas-viewport.show-grid{background-image:radial-gradient(circle,#1d27251a 1px,#0000 1.4px);background-size:24px 24px}.canvas-viewport.is-hand .artboard{cursor:grab}.canvas-viewport.is-hand .artboard.active,.canvas-viewport.is-hand .artboard:active{cursor:grabbing}.world{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.artboard{background:var(--paper);color:var(--ink);position:relative;overflow:hidden;box-shadow:0 24px 70px #2a433d26}.artboard.show-grid{background-image:linear-gradient(90deg,#1d27250e 1px,#0000 1px),linear-gradient(#1d27250e 1px,#0000 1px);background-size:16px 16px}.artboard.is-exporting.show-grid{background-image:none}.artboard-ruler{z-index:10000;color:#17191b6b;pointer-events:none;font:8px DM Mono,monospace;position:absolute}.ruler-top{justify-content:space-between;height:16px;padding:0 8px;display:flex;top:-21px;left:0;right:0}.ruler-left{flex-direction:column;justify-content:space-between;padding:8px 0;display:flex;top:0;bottom:0;left:-30px}.canvas-layer{box-sizing:border-box;cursor:move;-webkit-user-select:none;user-select:none;position:absolute}.layer-brush{pointer-events:auto;overflow:visible}.layer-brush polyline{vector-effect:non-scaling-stroke}.brush-preview{pointer-events:none;opacity:.82;z-index:10000!important}.canvas-layer.is-selected{outline:1px solid var(--ink);box-shadow:0 0 0 3px var(--signal), 0 0 0 5px #17191b8c;z-index:9999!important}.artboard.is-exporting .canvas-layer.is-selected{box-shadow:none;outline:none}.selection-marquee{z-index:10001;pointer-events:none;border:1px solid var(--signal);background:#f0c93d24;position:absolute}.layer-text{white-space:pre-wrap}.layer-button{cursor:pointer}.layer-image{display:block}.canvas-toolbar{z-index:2;border-radius:7px;align-items:center;gap:10px;height:29px;padding:0 10px;display:flex;position:absolute;top:17px;left:18px}.canvas-toolbar .grid-toggle{color:var(--faint)}.canvas-toolbar .grid-toggle.is-active{color:var(--teal);background:#5a938821}.canvas-zoom{z-index:2;border-radius:8px;padding:3px;position:absolute;top:16px;right:18px}.canvas-zoom .zoom-control{background:0 0;border:0}.canvas-mode{color:var(--text);letter-spacing:.08em;align-items:center;gap:6px;font:9px DM Mono,monospace;display:flex}.live-indicator{background:var(--teal);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 0 3px #5a938824}.canvas-divider,.canvas-footer-divider,.status-separator{background:var(--ui-border);width:1px;height:14px}.canvas-hint{color:var(--muted);font-size:10px}.canvas-footer{z-index:2;height:29px;color:var(--muted);border-radius:7px;align-items:center;gap:10px;padding:0 9px 0 11px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:16px;left:18px}.canvas-footer span{align-items:center;gap:5px;display:flex}.canvas-footer b{color:var(--text);font-weight:500}.export-reminder{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(16px)saturate(120%);background:#ffffffa1;border:1px solid #5a938838;border-radius:7px;width:min(430px,100% - 250px);height:29px;position:absolute;top:54px;bottom:auto;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 28px #354f491a,inset 0 1px #ffffffe6}.export-reminder-window{width:100%;height:100%;overflow:hidden}.export-reminder-track{will-change:transform;width:max-content;height:100%;animation:18s linear infinite export-reminder-scroll;display:flex}.export-reminder-items{height:100%;color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:20px;padding:0 20px;font-size:10px;font-weight:700;display:flex}.export-reminder-items span{align-items:center;gap:7px;display:inline-flex}.export-reminder-items span svg{color:var(--signal);flex:none}.export-reminder-items i{background:var(--coral);border-radius:50%;flex:none;width:3px;height:3px}.canvas-size-section{gap:9px;margin-bottom:16px;padding-bottom:16px}.canvas-size-caption{color:var(--faint);font:9px DM Mono,monospace}.inspector{z-index:5;border-width:0 0 0 1px;border-radius:0;flex-direction:column;flex:0 0 278px;width:278px;display:flex;box-shadow:-3px 0 14px #2a433d09}.panel-heading{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:flex-start;min-height:72px;padding:19px 18px 12px;display:flex}.panel-heading-actions{align-items:center;gap:2px;display:flex}.panel-heading h2,.template-rail-heading h2,.dialog-heading h2{color:var(--text);margin:5px 0 0;font-size:14px}.inspector-scroll{padding:17px 18px 24px;overflow:auto}.inspector-drawer-tab{z-index:5;border:1px solid var(--ui-border);background:var(--glass);width:26px;height:56px;color:var(--muted);-webkit-backdrop-filter:blur(16px)saturate(125%);border-right:0;border-radius:8px 0 0 8px;place-items:center;display:grid;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-3px 0 14px #2a433d0f}.inspector-drawer-tab:hover{color:var(--teal);background:var(--glass-strong)}.inspector-section{border-bottom:1px solid var(--ui-border);gap:12px;margin-bottom:18px;padding-bottom:20px;display:grid}.section-label{color:var(--faint);font-size:8px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-grid.single-line{align-items:end}.field{gap:6px;min-width:0;display:grid}.field>span,.color-field>span,.toggle-field>span:last-child{color:var(--muted);font-size:10px}.field-input,.color-control{border:1px solid var(--ui-border);background:#ffffff8c;border-radius:6px;align-items:center;height:32px;display:flex}.field-input:focus-within,.color-control:focus-within{border-color:var(--signal)}.field-input input,.field-input select,.color-control input:last-child,.full-field textarea{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;padding:0 8px;font:10px DM Mono,monospace}.field-input input[type=number]::-webkit-inner-spin-button{opacity:.35}.field-input em{color:var(--faint);padding-right:7px;font:9px DM Mono,monospace}.field-input select{appearance:none;cursor:pointer}.field-input select option{color:#f4f1e8;background:#222528}.color-field{gap:6px;display:grid}.color-control{gap:5px;padding-left:5px}.color-control input[type=color]{cursor:pointer;background:0 0;border:0;width:21px;height:21px;padding:0}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:0}.full-field textarea{resize:vertical;min-height:68px;padding:8px;font-family:Manrope,sans-serif;line-height:1.45}.toggle-field{cursor:pointer;align-items:center;gap:6px;height:30px;display:flex}.toggle-field input{display:none}.fake-toggle{background:var(--field-hover);border-radius:99px;width:25px;height:14px;display:inline-block;position:relative}.fake-toggle:after{content:"";background:var(--muted);border-radius:50%;width:10px;height:10px;transition:all .15s;position:absolute;top:2px;left:2px}.toggle-field input:checked+.fake-toggle{background:var(--signal)}.toggle-field input:checked+.fake-toggle:after{background:var(--ink);left:13px}.secondary-button,.danger-button{background:var(--field);height:34px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:flex}.secondary-button:hover{background:var(--field-hover)}.secondary-button span{color:var(--faint);margin-left:auto;font:8px DM Mono,monospace}.danger-button{color:#dd8977;background:0 0}.danger-button:hover{background:#dd89771a}.action-section{border:0;gap:6px}.asset-preview{background:var(--field);height:106px;overflow:hidden}.asset-preview img{object-fit:cover;width:100%;height:100%}.empty-inspector{position:relative}.empty-state{text-align:center;justify-items:center;gap:9px;margin:auto 24px;display:grid;transform:translateY(-20px)}.empty-icon{width:42px;height:42px;color:var(--signal);border:1px solid var(--ui-border);background:var(--field);place-items:center;display:grid}.empty-state strong{font-size:12px}.empty-state p{max-width:190px;color:var(--muted);margin:0;font-size:10px;line-height:1.6}.inspector-note{color:var(--muted);border:1px solid #5a938833;border-radius:7px;align-items:flex-start;gap:8px;margin:auto 18px 22px;padding:11px;font-size:10px;line-height:1.5;display:flex}.inspector-note svg{color:var(--signal);flex:none}.statusbar{height:32px;color:var(--muted);z-index:6;border-width:1px 0 0;border-radius:0;flex:0 0 32px;justify-content:space-between;align-items:center;padding:0 16px;font:9px DM Mono,monospace;display:flex;box-shadow:0 -2px 12px #2a433d08}.status-left,.status-right,.status-center{align-items:center;gap:10px;display:flex}.status-left span{align-items:center;gap:5px;display:flex}.status-ready{color:var(--teal)}.status-key{border:1px solid var(--ui-border);color:var(--muted);padding:3px 5px}.local-badge{color:var(--teal);align-items:center;gap:5px;display:flex}.local-badge span{background:var(--teal);border-radius:50%;width:5px;height:5px}.build-label{color:var(--faint)}.template-rail{z-index:4;box-shadow:0 18px 50px var(--shadow);padding:18px;animation:.18s ease-out panel-in;position:absolute;bottom:58px;left:16px;right:16px}.template-rail-heading{justify-content:space-between;align-items:flex-start;margin-bottom:15px;display:flex}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.template-card{text-align:left;color:var(--text);background:var(--field);border:1px solid #0000;grid-template-columns:110px 1fr;gap:12px;padding:9px;transition:all .15s;display:grid}.template-card:hover{border-color:var(--signal);background:var(--field-hover);transform:translateY(-2px)}.template-preview{background:var(--ink);height:78px;position:relative;overflow:hidden}.preview-editorial{background:#e8e1d3}.preview-orbit{background:#102a2b}.preview-line{background:var(--preview-accent);height:5px;display:block;position:absolute}.line-a{width:34px;top:17px;left:11px}.line-b{opacity:.75;width:23px;top:27px;left:11px}.preview-shape{background:var(--paper);display:block;position:absolute}.shape-a{background:var(--preview-accent);width:40px;height:30px;top:14px;right:13px}.shape-b{background:var(--ink);border-radius:50%;width:18px;height:18px;top:32px;right:29px}.shape-c{background:var(--paper);width:55px;height:4px;bottom:12px;left:11px}.preview-editorial .shape-a{border-radius:20px;width:32px;height:49px;transform:rotate(7deg)}.preview-editorial .shape-b{background:#2d2b28}.preview-orbit .shape-a{background:#f1c84b;border-radius:50%}.preview-orbit .shape-b{background:var(--preview-accent)}.template-card-copy{align-content:center;gap:5px;min-width:0;padding-right:15px;display:grid;position:relative}.template-card-copy>span{color:var(--muted);text-transform:uppercase;font:8px DM Mono,monospace}.template-card-copy strong{font-size:11px}.template-card-copy p{color:var(--muted);margin:0;font-size:9px;line-height:1.4}.template-card-copy svg{color:var(--signal);position:absolute;bottom:3px;right:0}.toast{z-index:30;background:var(--signal);color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:700;animation:.18s ease-out panel-in;display:flex;position:fixed;bottom:57px;right:24px;box-shadow:5px 5px #46341929}.toast svg{flex:none}.shortcut-overlay{z-index:25;background:#00000070;place-items:center;display:grid;position:fixed;inset:0}.dialog-overlay{z-index:28;background:#204a412e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.create-dialog{width:min(390px,100%);box-shadow:0 24px 70px var(--shadow);padding:18px;animation:.18s ease-out panel-in}.create-dialog-fields{gap:14px;padding:20px 0;display:grid}.create-dialog-actions{border-top:1px solid var(--ui-border);grid-template-columns:1fr 1fr;gap:8px;padding-top:13px;display:grid}.canvas-create-options{gap:8px;padding:18px 0 14px;display:grid}.canvas-create-option{min-height:58px;color:var(--text);border:1px solid var(--ui-border);background:var(--field);cursor:pointer;border-radius:8px;align-items:center;gap:11px;padding:10px 11px;display:flex}.canvas-create-option:hover{background:var(--field-hover)}.canvas-create-option.is-selected{border-color:var(--signal);box-shadow:inset 2px 0 0 var(--signal)}.canvas-create-option input{accent-color:var(--signal)}.canvas-create-icon{width:30px;height:30px;color:var(--muted);border:1px solid var(--ui-border);background:#ffffff8c;border-radius:7px;flex:0 0 30px;place-items:center;display:grid}.canvas-create-option.is-selected .canvas-create-icon{color:var(--signal)}.canvas-create-copy{gap:4px;min-width:0;display:grid}.canvas-create-copy strong{font-size:11px}.canvas-create-copy small{color:var(--muted);font-size:9px;line-height:1.4}.shortcut-dialog{width:330px;padding:18px;animation:.18s ease-out panel-in;box-shadow:0 20px 60px #0006}.dialog-heading{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.shortcut-list{gap:2px;padding-top:10px;display:grid}.shortcut-row{color:var(--muted);justify-content:space-between;align-items:center;padding:9px 0;font-size:11px;display:flex}.shortcut-row div{gap:4px;display:flex}.shortcut-row kbd{text-align:center;min-width:24px;color:var(--text);border:1px solid var(--ui-border);background:var(--field);padding:4px 6px;font:9px DM Mono,monospace}.workspace-drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(2px);background:#204a412e;position:absolute;inset:0}.workspace-navigator{z-index:21;width:min(340px,100% - 28px);box-shadow:0 18px 50px var(--shadow);flex-direction:column;padding:16px;animation:.18s ease-out drawer-in;display:flex;position:absolute;top:8px;bottom:8px;left:8px}.navigator-heading{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:flex-start;padding-bottom:13px;display:flex}.navigator-heading h2{color:var(--text);letter-spacing:-.025em;margin:5px 0 0;font-size:14px}.navigator-actions{grid-template-columns:1.15fr 1fr;gap:7px;padding:13px 0;display:grid}.navigator-primary,.navigator-secondary{justify-content:center;align-items:center;gap:6px;height:34px;font-size:10px;font-weight:700;display:flex}.navigator-primary{background:var(--text);color:#fff;border-radius:6px}.navigator-secondary{background:var(--field);color:var(--text)}.navigator-primary:hover{background:#314b45}.navigator-secondary:hover{background:var(--field-hover)}.navigator-list{flex:auto;gap:8px;min-height:0;max-height:none;display:grid;overflow-y:auto}.project-entry{background:var(--field);border:1px solid #0000;border-radius:7px;padding:5px}.project-entry.is-active{border-color:#5a938859}.project-row{width:100%;height:28px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:7px;padding:0 5px;display:flex}.project-row:hover{background:var(--field-hover)}.project-select-button{color:inherit;background:0 0;align-items:center;gap:7px;display:flex}.project-select-button svg:last-child{color:var(--muted)}.project-row input,.canvas-entry input{min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:1;font-size:10px;font-weight:700}.project-row input:focus,.canvas-entry input:focus{border-bottom:1px solid var(--signal)}.canvas-list{gap:2px;padding:3px 0 3px 25px;display:grid}.canvas-entry{align-items:center;gap:3px;display:flex}.canvas-select-button{width:25px;height:27px;color:var(--muted);background:0 0;flex:0 0 25px;place-items:center;padding:0;display:grid}.canvas-select-button:hover,.canvas-entry.is-active .canvas-select-button{color:var(--text);background:var(--field-hover)}.canvas-entry.is-active .canvas-select-button{box-shadow:inset 2px 0 0 var(--signal)}.canvas-entry-mark{border:1px solid;border-radius:50%;width:6px;height:6px}.canvas-entry.is-active .canvas-entry-mark{background:var(--signal);border-color:var(--signal)}.canvas-name-input{flex:1;min-width:0;height:27px;padding:0 6px;color:var(--muted)!important;font-size:10px!important;font-weight:500!important}.canvas-name-input:hover,.canvas-name-input:focus,.canvas-entry.is-active .canvas-name-input{background:var(--field-hover);color:var(--text)!important}.canvas-duplicate-button{width:25px;height:25px;color:var(--muted);background:0 0;place-items:center;display:grid}.canvas-duplicate-button:hover{color:var(--text);background:var(--field-hover)}.navigator-note{color:var(--faint);margin:13px 2px 0;font-size:9px;line-height:1.5}.selection-summary{color:var(--text);background:var(--field);border-left:2px solid var(--signal);align-items:center;gap:7px;margin-bottom:14px;padding:9px;font-size:10px;display:flex}.selection-summary svg{color:var(--signal)}.secondary-button:disabled{opacity:.4;cursor:not-allowed}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes export-reminder-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1100px){.document-meta{display:none}.topbar{gap:11px}.inspector{flex-basis:250px;width:250px}.template-card{grid-template-columns:84px 1fr}.template-preview{height:68px}}@media (width<=760px){.topbar{flex-basis:56px;height:56px;padding:0 12px}.brand-lockup{min-width:auto}.brand-copy,.help-button{display:none}.export-main{justify-content:center;width:34px;padding:0}.export-main span,.export-main svg:last-child{display:none}.left-toolbar{border:1px solid var(--ui-border);width:auto;height:62px;box-shadow:0 10px 30px var(--shadow);border-radius:10px;flex-direction:row;justify-content:flex-start;padding:6px;position:absolute;bottom:12px;left:12px;right:12px;overflow-x:auto}.toolbar-group{gap:2px;width:auto;display:flex}.toolbar-label,.toolbar-bottom .toolbar-rule{display:none}.toolbar-create{border-top:0;border-left:1px solid var(--ui-border);margin-top:0;margin-left:6px;padding-top:0;padding-left:8px}.toolbar-bottom{gap:2px;width:auto;margin:0;display:flex}.toolbar-bottom:before{content:"";background:var(--ui-border);width:1px;height:34px;margin:auto 5px}.tool-button{width:52px;min-height:52px}.tool-button span{font-size:8px}.inspector{width:min(310px,100% - 20px);max-height:64vh;display:none;position:absolute;bottom:86px;right:10px}.inspector:not(.empty-inspector){display:flex}.empty-inspector{opacity:.96;width:196px;height:240px;display:flex;bottom:89px;right:12px}.empty-inspector .panel-heading{min-height:54px;padding:13px}.empty-inspector .panel-heading h2{font-size:12px}.empty-state{margin:auto 12px;transform:none}.empty-state p{font-size:9px}.inspector-note{margin:0 12px 12px;font-size:9px}.inspector-drawer-tab{border-right:1px solid var(--ui-border);border-radius:8px;width:38px;height:38px;top:96px;bottom:auto;right:12px;transform:translateY(0)}.canvas-toolbar{top:12px;left:12px}.canvas-hint{display:none}.canvas-zoom{top:11px;right:12px}.canvas-footer{bottom:87px;left:auto;right:12px}.export-reminder{width:auto;inset:58px 12px auto;transform:none}.statusbar{display:none}.template-rail{max-height:52vh;padding:13px;bottom:84px;left:10px;right:10px;overflow-y:auto}.template-grid{grid-template-columns:1fr}.template-card{grid-template-columns:100px 1fr}.template-preview{height:72px}.topbar-spacer{display:none}.top-actions{margin-left:auto}}