:root{--bg:#f2f3fa;--surface:#fff;--surface-alt:#f6f7fc;--border:#e3e5f0;--border-strong:#cdd1e4;--ink:#14161f;--muted:#6b7086;--muted-soft:#9599ac;--accent:#5850ec;--accent-hover:#4740d4;--accent-soft:#edecfe;--accent-ink:#3730a3;--danger:#e1436a;--danger-soft:#fce8ee;--warn:#f2a93b;--warn-soft:#fdf1de;--chrome-bg:#1e3f9e;--chrome-bg-alt:#16307d;--chrome-ink:#f4f4fb;--chrome-muted:#b7c4ec;--chrome-line:#ffffff24;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:999px;--shadow-sm:0 1px 2px #14161f12;--shadow-md:0 8px 24px #14161f1a;--shadow-lg:0 20px 48px #0f102247;--ease:cubic-bezier(.22, .7, .3, 1);--font-ui:"Plus Jakarta Sans", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font-family:inherit}.app-root{flex-direction:column;height:100vh;display:flex}.app-root-body{flex:1;min-height:0}.app-header{background:var(--chrome-bg);color:var(--chrome-ink);border-bottom:1px solid var(--chrome-line);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.app-header-logo-badge{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;align-items:center;padding:6px 14px;display:flex}.app-header-logo-img{width:auto;height:32px;display:block}.app-header-user{align-items:center;gap:10px;display:flex}.app-header-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex;box-shadow:0 0 0 2px #ffffff24}.app-header-name{color:var(--chrome-ink);font-size:13px;font-weight:600}.app-header-logout{color:#cfd0e8;border-radius:var(--radius-full);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:#ffffff0f;border:1px solid #ffffff24;margin-left:4px;padding:6px 16px;font-size:12.5px}.app-header-logout:hover{color:#fff;background:#ffffff24}.app-shell{flex-direction:column;height:100%;display:flex}.login-screen{background:radial-gradient(circle at 28% 22%,#2c53b8 0%,#1a377e 55%,#0d1c47 100%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-credit{text-align:center;letter-spacing:.03em;color:#ffffff73;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;position:absolute;bottom:28px;left:0;right:0}.login-credit-name{color:#ffffffbf;font-weight:700}.login-credit-divider{color:#ffffff4d;margin:0 8px}.login-form{background:var(--surface);border-radius:var(--radius-lg);width:340px;box-shadow:var(--shadow-lg);padding:40px 38px}.login-logo{width:auto;height:40px;margin:0 0 28px;display:block}.login-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:12px 0 0;padding:8px 12px;font-size:13px}.login-submit{border-radius:var(--radius-md);width:100%;margin-top:22px;padding:12px 0;font-size:14px}.login-forgot-link{width:100%;color:var(--muted);text-align:center;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:14px;font-size:13px;text-decoration:underline;display:block}.login-forgot-link:hover{color:var(--text)}.editor-loading{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.field input:not([type=color]),.field-inline input,.field select,.field textarea,.login-form input,.asset-search-input,.asset-sort-select{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);margin-top:6px;padding:9px 12px;font-size:13.5px}.field textarea{resize:vertical;line-height:1.5}.field input:not([type=color]):hover,.field-inline input:hover,.field select:hover,.field textarea:hover,.login-form input:hover,.asset-search-input:hover,.asset-sort-select:hover{border-color:var(--border-strong)}.field input:not([type=color]):focus,.field-inline input:focus,.field select:focus,.field textarea:focus,.login-form input:focus,.asset-search-input:focus,.asset-sort-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field input[type=color]{border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;background:var(--surface);width:100%;height:38px;transition:border-color .15s var(--ease);margin-top:6px;padding:3px}.field input[type=color]:hover{border-color:var(--border-strong)}.field input[type=color]::-webkit-color-swatch-wrapper{border-radius:calc(var(--radius-md) - 3px);padding:0;overflow:hidden}.field input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-md) - 3px);border:none}.field input[type=color]::-moz-color-swatch{border-radius:calc(var(--radius-md) - 3px);border:none}.top-screen{height:100%;padding:36px 44px;overflow-y:auto}.top-screen-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.top-screen-header h1{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:800}.top-screen-actions{gap:10px;display:flex}.top-screen-actions button{background:var(--surface);color:var(--ink);border:1.5px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color .15s var(--ease), box-shadow .15s var(--ease), transform .1s var(--ease);padding:9px 18px;font-size:13.5px;font-weight:600}.top-screen-actions button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.top-screen-actions button.primary-btn{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.top-screen-actions button.primary-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.top-screen-actions button:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.top-screen-hint{color:var(--muted);font-size:14px}.top-screen-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.top-screen-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s var(--ease), box-shadow .2s var(--ease), transform .15s var(--ease);padding:18px 20px;position:relative}.top-screen-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.top-screen-card-name{overflow-wrap:break-word;margin-bottom:8px;padding-right:24px;font-size:15px;font-weight:700}.top-screen-card-date{color:var(--muted);font-size:12px}.top-screen-card-actions{opacity:0;transition:opacity .15s var(--ease);gap:2px;display:flex;position:absolute;top:10px;right:10px}.top-screen-card:hover .top-screen-card-actions{opacity:1}.top-screen-card-share,.top-screen-card-delete{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s var(--ease);background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:600}.top-screen-card-share{color:var(--accent-ink)}.top-screen-card-share:hover{background:var(--accent-soft)}.top-screen-card-delete:hover{background:var(--danger-soft)}.top-screen-group{margin-bottom:32px}.top-screen-group-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800}.toolbar{background:var(--chrome-bg-alt);color:#fff;border-bottom:1px solid var(--chrome-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.project-name-input{color:#fff;border-radius:var(--radius-md);min-width:200px;transition:background .15s var(--ease), border-color .15s var(--ease);background:0 0;border:1.5px solid #0000;padding:6px 10px;font-size:15px;font-weight:700}.project-name-input:hover{background:#ffffff0f}.project-name-input:focus{background:#ffffff14;border-color:#fff3;outline:none}.toolbar-actions{align-items:center;gap:8px;display:flex}.presence-bar{align-items:center;gap:4px;margin-right:6px;display:flex}.presence-avatar{color:#fff;border:2px solid var(--chrome-bg-alt);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;margin-left:-8px;font-size:12px;font-weight:700;display:flex}.presence-avatar:first-child{margin-left:0}.toolbar button{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease);background:#ffffff0f;border:1.5px solid #ffffff1f;padding:7px 14px;font-size:13px;font-weight:600}.toolbar button:hover{background:#ffffff24}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar button:disabled:hover{background:#ffffff0f}.toolbar button.primary-btn{background:var(--accent);border-color:var(--accent)}.toolbar button.primary-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.app-body{flex:1;display:flex;overflow:hidden}.sidebar-left{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:288px;display:flex;overflow-y:auto}.sidebar-right{background:var(--surface);border-left:1px solid var(--border);flex-shrink:0;width:308px;overflow-y:auto}.panel-title{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;padding:14px 16px 8px;font-size:11.5px;font-weight:800}.page-list{border-bottom:1px solid var(--border);padding-bottom:10px}.page-list-items{max-height:40vh;padding:0 8px;overflow-y:auto}.page-list-item{cursor:pointer;border-radius:var(--radius-md);transition:background .12s var(--ease);border-left:3px solid #0000;align-items:center;gap:6px;margin:2px 0;padding:8px 10px;display:flex}.page-list-item:hover{background:var(--surface-alt)}.page-list-item.active{background:var(--accent-soft);border-left-color:var(--accent)}.page-name-input{border-radius:var(--radius-sm);min-width:0;transition:background .12s var(--ease);background:0 0;border:none;flex:1;padding:3px 6px;font-size:13px}.page-name-input:focus{background:var(--surface);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.start-badge{background:var(--warn);color:#1a1a1a;border-radius:var(--radius-sm);flex-shrink:0;padding:2px 5px;font-size:10px;font-weight:700}.page-item-actions{flex-shrink:0;gap:2px;display:flex}.page-item-actions button{cursor:pointer;border-radius:var(--radius-sm);transition:background .12s var(--ease);background:0 0;border:none;padding:4px 6px;font-size:13px}.page-item-actions button:hover{background:var(--border)}.add-page-btn{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);cursor:pointer;width:calc(100% - 24px);color:var(--muted);transition:border-color .15s var(--ease), color .15s var(--ease), background .15s var(--ease);background:0 0;margin:10px 12px 0;padding:9px 0;font-size:13px;font-weight:600}.add-page-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.asset-library{padding-bottom:14px}.asset-section-label{color:var(--muted);padding:10px 16px 6px;font-size:11px;font-weight:600}.asset-upload-btn{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--muted);cursor:pointer;transition:border-color .15s var(--ease), color .15s var(--ease), background .15s var(--ease);justify-content:center;align-items:center;gap:8px;margin:0 12px 4px;padding:12px 10px;font-size:12.5px;font-weight:600;display:flex}.asset-upload-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.asset-upload-btn-icon{font-size:15px}.asset-upload-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.asset-filter-row{gap:6px;padding:10px 12px 8px;display:flex}.asset-sort-select{flex-shrink:0;width:auto}.asset-empty-hint{color:var(--muted-soft);padding:2px 16px 8px;font-size:11px}.asset-grid{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px;display:grid}.asset-thumb{border:1px solid var(--border);border-radius:var(--radius-md);aspect-ratio:1;background:var(--surface-alt);cursor:grab;transition:border-color .15s var(--ease), box-shadow .15s var(--ease);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.asset-thumb:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.asset-thumb img{object-fit:contain;max-width:100%;max-height:100%}.asset-thumb-template{background:var(--surface-alt)}.asset-thumb-template-label{color:var(--muted);font-size:20px;font-weight:700}.asset-thumb-bg-btn{color:#fff;cursor:pointer;opacity:0;transition:opacity .15s var(--ease);background:#14161fad;border:none;padding:3px 0;font-size:10px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.asset-thumb:hover .asset-thumb-bg-btn{opacity:1}.asset-thumb-tag-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;opacity:0;width:20px;height:20px;transition:opacity .15s var(--ease);background:#14161f8c;border:none;font-size:11px;line-height:1;position:absolute;top:3px;right:3px}.asset-thumb:hover .asset-thumb-tag-btn{opacity:1}.asset-audio-list{flex-direction:column;gap:6px;padding:0 12px;display:flex}.asset-audio-row{border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s var(--ease);align-items:center;gap:4px;padding:6px 8px;font-size:12px;display:flex}.asset-audio-row:hover{border-color:var(--border-strong)}.asset-audio-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.asset-audio-row button{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s var(--ease), border-color .12s var(--ease);flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:600}.asset-audio-row button:hover{background:var(--surface-alt);border-color:var(--border-strong)}.canvas-area{background:linear-gradient(45deg, #e6e7f2 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(-45deg, #e6e7f2 25%, transparent 25%) -10px 0/ 20px 20px, linear-gradient(45deg, transparent 75%, #e6e7f2 75%) -10px 0/ 20px 20px, linear-gradient(-45deg, transparent 75%, #e6e7f2 75%) -10px 0/ 20px 20px, var(--bg);flex:1;justify-content:center;align-items:center;padding:28px;display:flex;position:relative;overflow:auto}.canvas-wrapper{width:100%;max-width:960px}.canvas-zoom-control{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);z-index:5;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:20px;right:20px}.canvas-zoom-control button{color:var(--ink);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:none;width:28px;height:28px;font-size:15px}.canvas-zoom-control button:hover{background:var(--surface-alt)}.canvas-zoom-value{min-width:48px;font-weight:600;width:auto!important;font-size:12.5px!important}.canvas-stage{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);background-position:50%;background-size:cover;position:relative;overflow:hidden}.presence-cursor{pointer-events:none;z-index:100;transition:left 80ms linear,top 80ms linear;position:absolute;transform:translate(-2px,-2px)}.presence-cursor-icon{filter:drop-shadow(0 1px 2px #0006);display:block}.presence-cursor-label{color:#fff;border-radius:var(--radius-full);white-space:nowrap;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:12px;left:14px}.canvas-element.peer-selected{outline:2px solid var(--peer-color,var(--warn));outline-offset:2px}.canvas-element{cursor:grab;-webkit-user-select:none;user-select:none;border:2px solid #0000;position:absolute}.canvas-element.has-fixed-size{container-type:size}.canvas-element img{pointer-events:none;width:100%;display:block}.canvas-element-image-cropped{width:100%;height:100%}.canvas-element-placeholder{aspect-ratio:1;background:repeating-linear-gradient(45deg,#ddd,#ddd 6px,#eee 6px 12px);width:100%}.canvas-element-text{text-align:center;white-space:pre-wrap;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.2;display:flex;overflow:hidden}.canvas-element-shape{width:100%;height:100%}.shape-rounded-rectangle{border-radius:18%}.shape-ellipse{border-radius:50%}.shape-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.shape-diamond{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.shape-hexagon{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.shape-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-arrow-right{clip-path:polygon(0% 20%,60% 20%,60% 0%,100% 50%,60% 100%,60% 80%,0% 80%)}.canvas-element.selected{border-color:var(--accent)}.canvas-marquee{border:1px solid var(--accent);pointer-events:none;background:#2563eb1f;position:absolute}.jump-badge{background:var(--accent);color:#fff;width:19px;height:19px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:-8px;right:-8px}.jump-badge.video-badge{background:var(--danger);font-size:9px}.resize-handle{background:var(--accent);width:14px;height:14px;box-shadow:var(--shadow-sm);z-index:2;border:2px solid #fff;border-radius:50%;position:absolute}.resize-handle-nw{top:-7px;left:-7px}.resize-handle-n{top:-7px;left:50%;transform:translate(-50%)}.resize-handle-ne{top:-7px;right:-7px}.resize-handle-e{top:50%;right:-7px;transform:translateY(-50%)}.resize-handle-se{bottom:-7px;right:-7px}.resize-handle-s{bottom:-7px;left:50%;transform:translate(-50%)}.resize-handle-sw{bottom:-7px;left:-7px}.resize-handle-w{top:50%;left:-7px;transform:translateY(-50%)}.canvas-context-menu{z-index:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-md);flex-direction:column;padding:6px;display:flex;position:fixed}.canvas-context-menu button{width:100%;color:var(--ink);text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:8px 10px;font-size:13.5px;display:block}.canvas-context-menu button:hover{background:var(--surface-alt)}.canvas-context-menu button.danger{color:var(--danger)}.canvas-context-menu-divider{background:var(--border);height:1px;margin:4px 2px}.canvas-snap-guide{pointer-events:none;z-index:400;background:#ff3fa3;position:fixed}.canvas-snap-guide.vertical{width:1px}.canvas-snap-guide.horizontal{height:1px}.property-panel{padding:6px 16px 24px}.layers-panel{border-bottom:1px solid var(--border);padding:6px 16px 16px}.layers-list{flex-direction:column;gap:4px;max-height:240px;display:flex;overflow-y:auto}.layers-row{border-radius:var(--radius-sm);cursor:grab;align-items:center;gap:8px;padding:6px 8px;display:flex}.layers-row:hover{background:var(--surface-alt)}.layers-row.selected{background:var(--accent-soft)}.layers-row.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.layers-row-thumb{border-radius:var(--radius-sm);background:var(--surface-alt);flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;display:flex;overflow:hidden}.layers-row-thumb-image img{object-fit:cover;width:100%;height:100%}.layers-row-thumb-text{color:var(--muted);font-size:11px;font-weight:700}.layers-row-label{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.field{color:var(--muted);margin:14px 0;font-size:12.5px;font-weight:600;display:block}.field-row{gap:8px;display:flex}.field-inline{color:var(--muted);flex:1;font-size:12.5px;font-weight:600}.hint{color:var(--muted-soft);font-size:11px;line-height:1.6}.secondary-btn{background:var(--surface-alt);color:var(--ink);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:background .12s var(--ease), border-color .12s var(--ease);flex:1;margin-top:16px;padding:9px 0;font-size:13px;font-weight:600}.secondary-btn:hover{background:var(--border)}.danger-btn{background:var(--danger-soft);width:100%;color:var(--danger);border-radius:var(--radius-md);cursor:pointer;transition:background .12s var(--ease), border-color .12s var(--ease);border:1.5px solid #0000;margin-top:16px;padding:9px 0;font-size:13px;font-weight:600}.danger-btn:hover{border-color:var(--danger)}.primary-btn{background:var(--accent);color:#fff;border:1.5px solid var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease), box-shadow .15s var(--ease);padding:10px 18px;font-size:13.5px;font-weight:700}.primary-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.bg-scope-btn{width:100%}.modal-overlay{z-index:1100;background:#0a0b1880;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-lg);padding:24px 26px}.modal-title{margin-bottom:14px;font-size:15px;font-weight:800}.scope-preview{border-radius:var(--radius-md);border:1px solid var(--border);height:64px;margin-bottom:16px}.scope-option{color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:8px 4px;font-size:13px;font-weight:600;display:flex}.scope-option input{accent-color:var(--accent);width:16px;height:16px}.scope-page-list{background:var(--surface-alt);border-radius:var(--radius-md);flex-direction:column;gap:4px;max-height:160px;margin:4px 0 4px 24px;padding:8px;display:flex;overflow-y:auto}.scope-page-item{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-size:12.5px;font-weight:500;display:flex}.scope-page-item input{accent-color:var(--accent)}.modal-actions{gap:8px;margin-top:18px;display:flex}.modal-actions button{flex:1;margin-top:0}.share-modal-card{width:380px}.share-search-results{flex-direction:column;gap:6px;max-height:200px;margin:8px 0 4px;display:flex;overflow-y:auto}.share-user-row{border-radius:var(--radius-md);background:var(--surface-alt);align-items:center;gap:8px;padding:6px 8px;display:flex}.share-avatar{width:26px;height:26px;box-shadow:none;flex-shrink:0;font-size:11px}.share-user-name{color:var(--ink);font-size:13px;font-weight:600}.share-user-id{color:var(--muted-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.share-added-label{color:var(--muted-soft);flex-shrink:0;font-size:11px}.share-add-btn{flex-shrink:0;margin-top:0;padding:5px 12px;font-size:12px}.share-members-title{padding:16px 0 4px}.preview-overlay{z-index:1000;background:#0a0b18bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-frame{width:min(90vw,1200px);position:relative}.preview-stage{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);overflow:hidden}.preview-close-btn{background:var(--surface);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:-44px;right:0}.preview-loading{color:#fff;padding:40px}.app-header-admin-link{color:var(--chrome-ink);border-radius:var(--radius-full);cursor:pointer;transition:background .15s var(--ease);background:#ffffff1a;border:1px solid #fff3;margin-right:4px;padding:6px 14px;font-size:12.5px;font-weight:600}.app-header-admin-link:hover{background:#fff3}.admin-screen{height:100%;padding:36px 44px;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-header h1{letter-spacing:-.01em;margin:0;font-size:21px;font-weight:800}.admin-tabs{border-bottom:1px solid var(--border);gap:22px;margin-bottom:26px;display:flex}.admin-tab{color:var(--muted);cursor:pointer;transition:color .15s var(--ease), border-color .15s var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 2px;font-size:14px;font-weight:700}.admin-tab:hover{color:var(--ink)}.admin-tab.active{color:var(--accent-ink);border-bottom-color:var(--accent)}.admin-panel{max-width:560px}.admin-upload-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:28px;padding:20px 22px}.admin-file-btn{margin:14px 0 16px}.admin-list-title{padding:0 0 10px}.admin-list{flex-direction:column;gap:8px;display:flex}.admin-list-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.admin-list-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.admin-list-meta{color:var(--muted-soft);background:var(--surface-alt);border-radius:var(--radius-full);padding:2px 8px;font-size:11px}.asset-thumb-saved-template{background:var(--accent-soft)}.asset-thumb-saved-shape{width:60%;height:60%;display:block}.admin-register-template-btn{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-soft)}.admin-register-template-btn:hover{background:var(--accent);color:#fff}.admin-csv-row{gap:8px;margin-bottom:10px;display:flex}.admin-csv-row .secondary-btn{flex:1;margin-top:0}.admin-csv-import-btn{text-align:center;position:relative;overflow:hidden}.admin-user-avatar{flex-shrink:0}.admin-username-meta{color:var(--muted-soft);font-size:11px;font-weight:500;display:block}.admin-badge-admin{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.admin-badge-inactive{background:var(--danger-soft);color:var(--danger);font-weight:700}.admin-badge-pending{background:var(--warn-soft);color:var(--warn);font-weight:700}.admin-user-action-btn{white-space:nowrap;flex:none;margin-top:0;padding:6px 10px;font-size:11.5px}.admin-panel-wide{max-width:760px}.admin-user-block{flex-direction:column;gap:0;display:flex}.admin-user-affiliations{color:var(--accent-ink)}.admin-aff-picker{margin-top:6px}.admin-aff-selected-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.admin-aff-tag{color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--radius-full);align-items:center;gap:6px;padding:5px 6px 5px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-aff-tag button{color:var(--accent-ink);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 4px;font-size:14px;line-height:1}.admin-aff-tag button:hover{background:#00000014}.admin-aff-search-box{position:relative}.admin-aff-search-box input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--ink);padding:9px 12px;font-size:13.5px}.admin-aff-dropdown{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.admin-aff-dropdown-item{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:9px 12px;font-size:13px;font-weight:600;display:block}.admin-aff-dropdown-item:hover{background:var(--surface-alt)}.admin-aff-dropdown-empty{color:var(--muted-soft);padding:9px 12px;font-size:12.5px}.admin-new-btn{width:100%;margin:0 0 20px}.admin-pending-fonts{flex-direction:column;gap:6px;max-height:220px;margin:12px 0;display:flex;overflow-y:auto}.admin-pending-font-row{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 10px;display:flex}.admin-pending-font-row input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);flex:1;padding:6px 9px;font-size:13px}.admin-pending-font-row .admin-username-meta{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:160px;overflow:hidden}.admin-affiliation-chip{color:var(--ink);background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:12px;font-weight:600;display:flex}.admin-affiliation-chip input{accent-color:var(--accent);margin:0}.admin-affiliation-chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.admin-aff-editor{background:var(--surface-alt);border-radius:var(--radius-md);border:1px solid var(--border);margin:4px 0 10px;padding:12px 14px}.admin-aff-editor .modal-actions{margin-top:12px}.admin-import-progress{margin:4px 0 10px}.admin-import-progress-bar-track{background:var(--surface-alt);border-radius:var(--radius-full);height:8px;overflow:hidden}.admin-import-progress-bar-fill{background:var(--accent);border-radius:var(--radius-full);height:100%;transition:width .2s var(--ease)}.admin-import-results{flex-direction:column;gap:4px;max-height:160px;margin:4px 0 14px;display:flex;overflow-y:auto}.admin-import-result-row{border-radius:var(--radius-sm);padding:5px 10px;font-size:12px}.admin-import-result-row.ok{background:var(--accent-soft);color:var(--accent-ink)}.admin-import-result-row.error{background:var(--danger-soft);color:var(--danger)}.crop-modal-card{width:520px}.publish-modal-card{width:420px}.legal-modal-card{flex-direction:column;width:560px;max-height:82vh;display:flex}.legal-modal-body{color:var(--ink);padding-right:4px;font-size:13.5px;line-height:1.7;overflow-y:auto}.legal-modal-body h4{color:var(--accent-ink);margin:20px 0 6px;font-size:13.5px;font-weight:800}.legal-modal-body h4:first-of-type{margin-top:8px}.legal-modal-body p{margin:0 0 8px}.legal-modal-body ul{margin:0 0 8px;padding-left:20px}.legal-modal-body li{margin-bottom:4px}.legal-placeholder{background:var(--warn-soft);color:var(--warn);border-radius:var(--radius-md);padding:8px 12px;font-weight:600}.legal-links{text-align:center;justify-content:center;gap:16px;display:flex;position:absolute;bottom:68px;left:0;right:0}.legal-links button{color:#ffffff8c;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:12px;font-weight:600;text-decoration:underline}.legal-links button:hover{color:#ffffffd9}.top-screen-legal-links{gap:16px;margin-top:40px;display:flex}.top-screen-legal-links button{color:var(--muted-soft);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:12px;font-weight:600;text-decoration:underline}.top-screen-legal-links button:hover{color:var(--muted)}.publish-url-row{gap:6px;margin:4px 0 14px;display:flex}.publish-url-input{border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--ink);flex:1;padding:9px 12px;font-size:13px}.publish-copy-btn{flex-shrink:0;margin-top:0}.crop-frame{border-radius:var(--radius-md);touch-action:none;background:#111;width:100%;margin:4px 0 6px;position:relative;overflow:hidden}.crop-frame-img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.crop-rect{border:2px solid var(--accent);cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0809148c}.crop-rect-handle{background:var(--accent);cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-8px;right:-8px}