*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit;font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background-color:#fff;color:#1a1f29;min-height:44px;transition:outline .2s ease,border-color .2s ease}textarea{resize:vertical;min-height:80px}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{--left-panel-width: 0px;--right-panel-width: 340px;--icon-bar-width: 60px;font-family:Segoe UI,Yu Gothic UI,sans-serif;background:var(--bg);color:#1a1f29}body.drawer-open{--left-panel-width: 280px}body.right-collapsed{--right-panel-width: 0px}#app-shell{display:grid;grid-template-rows:auto 1fr;grid-template-columns:1fr;width:100%;height:100dvh;overflow:hidden}#room-nav{background:#12151c;height:36px;display:flex;align-items:flex-end;gap:0;padding:0 12px;flex-shrink:0;z-index:1100}.room-nav-brand{display:flex;align-items:baseline;gap:2px;margin-right:12px;flex-shrink:0;align-self:center;padding-bottom:2px}.room-nav-brand-link{display:flex;align-items:baseline;gap:2px;text-decoration:none;opacity:1;transition:opacity .15s}.room-nav-brand-link:hover{opacity:.7}.room-logo-dsf{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;background:linear-gradient(135deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.room-logo-studio{font-size:8px;font-weight:600;color:#4a5568;letter-spacing:.5px}.room-nav-tabs{display:flex;gap:2px;flex:1;height:100%;align-items:flex-end}.room-tab{position:relative;display:flex;align-items:center;gap:5px;padding:0 14px;background:#ffffff0d;border:none;border-radius:8px 8px 0 0;color:#6b7a8d;font-size:12px;font-weight:500;cursor:pointer;height:28px;transition:background .12s,color .12s,height .1s;white-space:nowrap;z-index:1}.room-tab:hover{background:#ffffff1a;color:#c8d0db;height:30px}.room-tab .material-icons{font-size:14px}body[data-room=home] .room-tab[data-room=home],body[data-room=editor] .room-tab[data-room=editor],body[data-room=press] .room-tab[data-room=press],body[data-room=works] .room-tab[data-room=works]{background:#fff;color:#1a2030;height:32px;z-index:2}body[data-room=home] .room-tab[data-room=home]:before,body[data-room=editor] .room-tab[data-room=editor]:before,body[data-room=press] .room-tab[data-room=press]:before,body[data-room=works] .room-tab[data-room=works]:before{content:"";position:absolute;bottom:0;left:-7px;width:7px;height:7px;background:#12151c;border-bottom-right-radius:7px}body[data-room=home] .room-tab[data-room=home]:after,body[data-room=editor] .room-tab[data-room=editor]:after,body[data-room=press] .room-tab[data-room=press]:after,body[data-room=works] .room-tab[data-room=works]:after{content:"";position:absolute;bottom:0;right:-7px;width:7px;height:7px;background:#12151c;border-bottom-left-radius:7px}.ribbon-pressroom-btn{color:#3a7bd5!important;font-weight:600;border:1px solid #3a7bd5!important}.ribbon-pressroom-btn:hover:not(:disabled){background:#3a7bd5!important;color:#fff!important}.room-nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0;align-self:center}.room-user-display{font-size:11px;color:#4a5568;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-lang-switcher{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:8px;padding:2px}.ui-lang-btn{font-size:11px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border:none;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer;transition:background .15s,color .15s;line-height:1.4}.ui-lang-btn:hover{color:#e2e8f0}.ui-lang-btn.active{background:#6378ff40;color:#a5b4fc}.room-container{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;min-height:0;overflow:hidden}.room{display:none;grid-row:1;grid-column:1;flex-direction:column;min-height:0;overflow:hidden}body[data-room=home] #home-room,body[data-room=editor] #editor-room,body[data-room=press] #press-room,body[data-room=works] #works-room{display:flex}#editor-room{flex-direction:column}#editor-room #workspace{flex:1;min-height:0}#home-room{background:#f8f9fb;flex-direction:column}.home-room-header{background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;display:flex;align-items:center;gap:16px;flex-shrink:0}.home-room-header h2{margin:0;font-size:18px;font-weight:700;color:#1a1f29;flex:1}.home-room-actions{display:flex;gap:8px}.home-action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#3a4560;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.home-action-btn:hover{background:#f0f4f8;border-color:#bbc3d2}.home-action-btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.home-action-btn.primary:hover{background:#0059e0;border-color:#0059e0}.home-action-btn .material-icons{font-size:16px}.home-room-body{flex:1;overflow-y:auto;padding:24px}.home-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.home-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#8a96a8;text-align:center;gap:12px}.home-empty-state .material-icons{font-size:48px;opacity:.4}.home-empty-state p{margin:0;font-size:14px;line-height:1.8}#press-room{flex-direction:column;background:#f8f9fb}.press-room-header{background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.press-room-title{display:flex;align-items:center;gap:10px}.press-room-title .material-icons{font-size:22px;color:var(--primary)}.press-room-title h2{margin:0;font-size:18px;font-weight:700;color:#1a1f29}.press-room-subtitle{font-size:12px;color:#8a96a8}.press-room-body{flex:1;display:grid;grid-template-columns:220px 1fr 240px;min-height:0;overflow:hidden}.press-panel{padding:20px;overflow-y:auto;border-right:1px solid var(--line)}.press-panel:last-child{border-right:none}.press-panel h3{margin:0 0 16px;font-size:13px;font-weight:700;color:#3a4560;text-transform:uppercase;letter-spacing:.05em}.press-page-thumbs{display:flex;flex-direction:column;gap:8px}.press-field{margin-bottom:20px}.press-field label{display:block;font-size:12px;font-weight:600;color:#526173;margin-bottom:6px}.press-slider-row{display:flex;align-items:center;gap:10px}.press-slider-row input[type=range]{flex:1;min-height:auto;padding:0;border:none}.press-slider-row span{font-size:13px;color:#3a4560;min-width:36px;text-align:right}.press-preview-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#8a96a8;margin-top:24px;padding:10px 12px;background:#f0f4f8;border-radius:6px}.press-preview-note .material-icons{font-size:15px}.press-publish-panel{background:#fff}.press-publish-actions{display:flex;flex-direction:column;gap:10px}.press-publish-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:background .15s,border-color .15s;width:100%}.press-publish-btn:hover{background:#f0f4f8;border-color:#bbc3d2}.press-publish-btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.press-publish-btn.primary:hover{background:#0059e0}.press-publish-btn .material-icons{font-size:22px;flex-shrink:0;color:var(--primary)}.press-publish-btn.primary .material-icons{color:#fff}.press-publish-btn span:not(.material-icons){display:flex;flex-direction:column;font-size:13px;font-weight:600;color:#1a1f29}.press-publish-btn.primary span:not(.material-icons){color:#fff}.press-publish-btn small{font-size:11px;font-weight:400;color:#8a96a8;margin-top:2px}.press-publish-btn.primary small{color:#ffffffb3}.placeholder-room{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8a96a8;text-align:center;padding:40px}.placeholder-room-icon{font-size:56px;opacity:.3}.placeholder-room h2{margin:0;font-size:22px;font-weight:700;color:#3a4560}.placeholder-room p{margin:0;font-size:14px}#ribbon-bar{background:#fff;border-bottom:1px solid var(--line);z-index:900;min-width:0;overflow-x:auto}.ribbon-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 10px}.ribbon-top-row{border-bottom:1px solid var(--line)}.ribbon-top-left{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.ribbon-logo-link{text-decoration:none;display:flex;align-items:baseline;gap:2px;flex-shrink:0}.ribbon-logo-dsf{font-family:Outfit,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ribbon-logo-studio{font-family:Inter,sans-serif;font-size:9px;font-weight:600;color:#64748b;letter-spacing:.5px}.ribbon-tabs{display:flex;gap:4px}.ribbon-tab{border:1px solid transparent;background:transparent;color:#4a5568;border-radius:6px;padding:3px 10px;cursor:pointer;font-size:13px;font-weight:600;min-height:26px;display:flex;align-items:center;justify-content:center}.ribbon-tab.active{border-color:#9fc1ff;background:#eef4ff;color:#0b4bb3}.ribbon-auth{display:flex;align-items:center;gap:8px}.auth-warning-badge{display:none;padding:5px 8px;border-radius:999px;border:1px solid #ffe5b0;background:#fff7df;color:#8a5d00;font-size:11px}body.auth-guest .auth-warning-badge{display:inline-flex}.auth-status{font-size:12px;color:#526173;max-width:210px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.visibility-select{margin-left:8px;border-radius:6px;padding:6px 28px 6px 10px;font-size:13px;font-weight:500;color:#fff;background-color:#ffffff26;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px top 50%;background-size:10px auto;border:1px solid rgba(255,255,255,.3);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.visibility-select:focus{outline:2px solid #ffffff;outline-offset:1px}.visibility-select option{color:#243144;background-color:#fff}.ribbon-panel-row{min-height:0}.ribbon-panel{display:none;width:100%;align-items:center;gap:10px}.ribbon-panel.active{display:flex}.ribbon-group{display:flex;align-items:center;gap:6px;padding-right:12px;border-right:1px solid #d0d7e5;min-height:0}.ribbon-group:last-child{border-right:none;padding-right:0}.ribbon-group.grow{flex:1;min-width:180px}.field-label{font-size:11px;color:#728094}.panel-lock-note{margin:0 0 8px;border:1px solid #f0cf9b;background:#fff7e9;color:#80511a;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4}.panel-subform{margin:0 0 20px;padding:16px;border:1px solid #e2e8f2;border-radius:8px;background:#f8fbff}.panel-subform>label{display:block;margin-bottom:6px;font-weight:500;color:#4a5568}.panel-subform input,.panel-subform select,.panel-subform textarea{width:100%;margin-bottom:12px}.zoom-select{min-width:96px;border:1px solid #cfd7e5;border-radius:7px;background:#fff;color:#243144;padding:6px 8px;font-size:13px}.btn-tool{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 10px;line-height:1.2;cursor:pointer;font-size:13px;font-weight:500;color:#1a1f29;min-width:32px;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all .15s ease}.btn-tool:focus-visible,.btn-sm:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-tool:hover:not(:disabled),.btn-sm:hover:not(:disabled),.btn:hover:not(:disabled){background:#f0f4f8;border-color:#bbc3d2}.btn-tool:disabled,.btn-sm:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.project-title{display:inline-block;min-width:120px;max-width:240px;padding:5px 7px;border:1px dashed #bbc3d2;border-radius:6px;background:#f8fafc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;outline:none}.project-title:focus{border-color:#9fc1ff;background:#eef5ff}.ribbon-title-input{min-width:120px;max-width:240px;min-height:0;height:26px;border:1px solid #cfd7e5;border-radius:6px;padding:0 8px;background:#fff;color:#243144;font-size:13px;box-sizing:border-box}.save-status{font-size:12px;color:#748294;min-width:80px}.lang-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lang-tab{border:1px solid #ccd5e2;background:#f4f6fb;color:#2f3e52;border-radius:6px;font-size:12px;padding:5px 10px;cursor:pointer}.lang-tab.active{border-color:var(--primary);background:#eaf2ff;color:#0b4bb3}.lang-tabs-top{margin:0 8px;flex-shrink:0}#workspace{display:grid;grid-template-columns:var(--icon-bar-width) var(--left-panel-width) 1fr var(--right-panel-width);width:100%;min-height:0;min-width:0;overflow:hidden;transition:grid-template-columns .2s ease}#sidebar,#panel-right{min-width:0;overflow:hidden;background:var(--panel-bg);transition:width .2s ease,opacity .2s ease}#sidebar{width:var(--left-panel-width);border-right:1px solid var(--line);display:flex;flex-direction:column}.context-menu{position:fixed;z-index:10000;width:220px;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000026;border:1px solid var(--line);padding:8px 0;font-family:inherit;font-size:14px;color:#333}.context-menu-item{padding:8px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .1s;flex-shrink:0}.context-menu-item:hover{background:#f0f2f5}.context-menu-item .material-icons{font-size:18px;color:#666}.context-menu-divider{height:1px;background:var(--line);margin:4px 0;flex-shrink:0}#panel-right{width:var(--right-panel-width);border-left:1px solid var(--line);padding:16px 20px;overflow-y:auto;position:relative}#panel-right label{display:inline-block;margin-bottom:6px;margin-top:8px;font-weight:500;color:#4a5568;font-size:13px}#panel-right input,#panel-right select,#panel-right textarea{width:100%;margin-bottom:12px}#panel-right .resizer{position:absolute;top:0;left:0;width:6px;height:100%;cursor:col-resize;z-index:50;background-color:transparent;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}#panel-right .resizer:after{content:"";width:2px;height:32px;background-color:var(--line);border-radius:2px;transition:background-color .2s ease}#panel-right .resizer:hover:after,#panel-right .resizer.dragging:after{background-color:#fff}#panel-right .resizer:hover,#panel-right .resizer.dragging{background-color:var(--primary)}body.right-collapsed #panel-right{opacity:0;pointer-events:none}#icon-bar{width:var(--icon-bar-width);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;background:var(--panel-bg);border-right:1px solid var(--line);overflow:hidden}.icon-bar-btn{width:44px;height:44px;border:none;background:transparent;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:#4a5568;transition:background .15s ease,color .15s ease}.icon-bar-btn:hover{background:#eef4ff;color:var(--primary)}.icon-bar-btn.active{background:#dbeafe;color:var(--primary)}.icon-bar-btn .material-icons{font-size:20px}.icon-bar-label{font-size:9px;font-weight:600;letter-spacing:.02em;line-height:1}.sidebar-assets,.sidebar-pages{display:none}body.drawer-open .sidebar-assets,body.drawer-open .sidebar-pages{display:flex;flex-direction:column}.asset-upload-area{margin:10px;border:2px dashed var(--line);border-radius:8px;padding:16px;text-align:center;cursor:pointer;color:#728094;font-size:13px;transition:border-color .2s ease,background .2s ease}.asset-upload-area:hover{border-color:var(--primary);background:#eef4ff;color:var(--primary)}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 10px 10px;overflow-y:auto}.asset-item{aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease}.asset-item:hover,.asset-item.selected{border-color:var(--primary)}.asset-item img{width:100%;height:100%;object-fit:cover;display:block}.asset-empty{padding:16px;text-align:center;color:#8a96a8;font-size:13px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #edf0f4}.panel-head h3{margin:0;font-size:14px}.thumb-tools{padding:10px 12px;border-bottom:1px solid #edf0f4}.thumb-tools label{font-size:11px;color:#677587}.thumb-size-buttons{display:flex;gap:5px;margin-top:4px;flex-wrap:wrap}#thumb-container{flex:1;overflow-y:auto;padding:12px;display:grid;gap:10px;align-content:start}#thumb-container[data-cols="8"]{grid-template-columns:repeat(8,minmax(0,1fr))}#thumb-container[data-cols="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}#thumb-container[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}#thumb-container[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}#thumb-container[data-cols="1"]{grid-template-columns:1fr}.thumb-wrap{position:relative;cursor:pointer;border-radius:8px}.thumb-card{min-width:0}.thumb-canvas{width:100%;aspect-ratio:9 / 16;border:3px solid transparent;border-radius:6px;background:#eef1f7;object-fit:cover;overflow:hidden;position:relative}.thumb-wrap.active .thumb-canvas{border-color:var(--primary)}.thumb-wrap.active{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.thumb-canvas-image{width:100%;height:100%;object-fit:cover}.thumb-canvas-meta{display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(160deg,#f8fbff,#edf3fb)}.thumb-canvas-structure{background:linear-gradient(160deg,#eef3f9,#dde8f7)}.thumb-card-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;width:100%}.thumb-card-top{position:absolute;top:6px;left:6px;right:6px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:5}.thumb-card-badge{display:inline-flex;align-items:center;border:1px solid #d0d9e8;background:#fffffff5;border-radius:999px;color:#2f3e52;padding:2px 8px;font-size:10px;line-height:1.2;white-space:nowrap;max-width:100%}.thumb-card-depth{display:inline-flex;align-items:center;border:1px solid #bfd2ea;background:#fffffff2;border-radius:999px;color:#3c5f8f;padding:2px 6px;font-size:10px;line-height:1.2}.thumb-card-lock{display:inline-flex;align-items:center;border:1px solid #f1c4c4;background:#fff5f5f5;border-radius:999px;color:#a63b3b;padding:2px 6px;font-size:10px;line-height:1.2}.thumb-card-title{font-size:13px;font-weight:700;color:#1a1f29;line-height:1.4;max-width:100%;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.thumb-card-subtitle{font-size:12px;color:#4a5568;line-height:1.35;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thumb-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;min-height:40px;border:1px solid #dde4f0;background:#f7f9fc;border-radius:8px;padding:6px 8px}.thumb-row.active{border-color:#7fa7ea;background:#edf4ff}.thumb-row-main{display:flex;align-items:center;gap:6px;min-width:0}.thumb-tree-indent{display:inline-block;width:calc(var(--tree-depth, 0) * 14px);min-width:0}.thumb-row-badge{display:inline-flex;align-items:center;border:1px solid #d0d9e8;background:#fff;border-radius:999px;color:#2f3e52;padding:2px 6px;font-size:10px;line-height:1.2;white-space:nowrap}.thumb-row-title{font-size:12px;font-weight:600;color:#2f3e52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-row-subtitle{font-size:11px;color:#637089;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-row-actions{display:inline-flex;align-items:center;gap:4px;margin-left:8px;opacity:0;pointer-events:none}.thumb-row-btn{width:22px;height:22px;border:1px solid #b8c5dc;background:#fffffff2;color:#27466f;border-radius:999px;font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.thumb-wrap.drag-source{opacity:.5}.thumb-wrap.drop-before:before,.thumb-wrap.drop-after:after{content:"";position:absolute;left:2px;right:2px;height:3px;background:var(--primary);border-radius:999px;z-index:12}.thumb-wrap.drop-before:before{top:-4px}.thumb-wrap.drop-after:after{bottom:-4px}.thumb-insert-btn,.thumb-duplicate-btn,.thumb-move-btn{position:absolute;z-index:15;border:1px solid #b8c5dc;background:#fffffff2;color:#27466f;width:22px;height:22px;line-height:1;border-radius:999px;font-size:14px;display:inline-flex;align-items:center;justify-content:center}.thumb-insert-btn.before{top:-10px;left:calc(50% - 11px)}.thumb-insert-btn.after{bottom:-10px;left:calc(50% - 11px)}.thumb-duplicate-btn{right:6px;top:6px;font-size:12px}.thumb-move-btn.up{left:6px;top:6px;font-size:12px}.thumb-move-btn.down{left:6px;top:32px;font-size:12px}.thumb-insert-btn,.thumb-duplicate-btn,.thumb-move-btn{opacity:0;pointer-events:none}.thumb-wrap:hover .thumb-insert-btn,.thumb-wrap:hover .thumb-duplicate-btn,.thumb-wrap:hover .thumb-move-btn,.thumb-wrap.active .thumb-insert-btn,.thumb-wrap.active .thumb-duplicate-btn,.thumb-wrap.active .thumb-move-btn,.thumb-row:hover .thumb-row-actions,.thumb-row.active .thumb-row-actions{opacity:1;pointer-events:auto}.thumb-size-buttons .btn-sm.active{border-color:var(--primary);color:#0b4bb3;background:#eaf2ff}.panel-footer{padding:10px;border-top:1px solid #edf0f4}#editor-main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:10px 10px 0}#canvas-view{position:relative;width:100%;flex:1;min-height:0;background:#2a2d35;overflow:clip;touch-action:none;border-radius:10px 10px 0 0}#page-strip{height:132px;background:#1e2128;border-radius:0 0 10px 10px;display:flex;flex-direction:column;flex-shrink:0;transition:height .2s ease;overflow:hidden}body.strip-collapsed #page-strip{height:22px;border-radius:0 0 10px 10px}body.strip-collapsed #canvas-view{border-radius:10px 10px 0 0}body.strip-collapsed #page-strip-chevron{transform:rotate(180deg)}#page-strip-handle{height:22px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;color:#888;font-size:11px;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:color .15s ease}#page-strip-handle:hover{color:#ccc}#page-strip-handle .material-icons{font-size:16px;transition:transform .2s ease}#page-strip-handle-label{font-size:10px}#page-strip-body{flex:1;display:flex;flex-direction:row;min-height:0;overflow:hidden;align-items:center;padding:0 6px 6px}#page-strip-thumbs{display:flex;flex-direction:row;gap:6px;overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#444 transparent;direction:ltr}#page-strip-thumbs[data-dir=rtl]{direction:rtl}#page-strip-thumbs[data-dir=rtl] .thumb-wrap,#page-strip-thumbs[data-dir=rtl] .page-strip-add-btn{direction:ltr}#page-strip-thumbs::-webkit-scrollbar{height:4px}#page-strip-thumbs::-webkit-scrollbar-thumb{background:#444;border-radius:2px}#page-strip-thumbs .thumb-wrap{flex-shrink:0;width:50px;height:94px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s ease;position:relative;display:flex;flex-direction:column}#page-strip-thumbs .thumb-page-num{flex-shrink:0;height:14px;line-height:14px;text-align:center;font-size:9px;color:#aaa;background:#1e2128;font-variant-numeric:tabular-nums;letter-spacing:0}#page-strip-thumbs .thumb-wrap.active{border:2px solid var(--primary);outline:none}#page-strip-thumbs .thumb-wrap.active .thumb-canvas{border-color:transparent}#page-strip-thumbs .thumb-wrap:hover{border-color:#7aa8ff;outline:none}#page-strip-thumbs .thumb-canvas{width:100%;flex:1;min-height:0;overflow:hidden}#page-strip-thumbs .thumb-canvas-image{width:100%;height:100%;object-fit:cover;display:block}#page-strip-thumbs .thumb-card-top,#page-strip-thumbs .thumb-insert-btn,#page-strip-thumbs .thumb-duplicate-btn,#page-strip-thumbs .thumb-move-btn{display:none}.page-strip-add-btn{flex-shrink:0;width:44px;height:94px;border-radius:4px;border:2px dashed #444;background:transparent;color:#666;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:4px;transition:border-color .15s ease,color .15s ease}.page-strip-add-btn:hover{border-color:var(--primary);color:var(--primary)}#canvas-transform-layer{position:absolute;top:50%;left:50%;width:360px;aspect-ratio:9 / 16;transform-origin:center center;background:#fff;box-shadow:0 0 50px #00000080;overflow:visible}#canvas-transform-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid rgba(255,255,255,.35);z-index:9999;pointer-events:none;box-sizing:border-box}#canvas-page-label{position:absolute;bottom:-28px;left:0;right:0;text-align:center;font-size:18px;font-weight:600;color:#fff;background:var(--primary);padding:2px 0;border-radius:0 0 4px 4px;text-shadow:none;font-variant-numeric:tabular-nums;letter-spacing:.06em;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:9999}#content-render,#bubble-layer{position:absolute;top:0;right:0;bottom:0;left:0}#content-render{z-index:2}#bubble-layer{z-index:20}#canvas-transform-layer.adjust-image-mode{overflow:visible;z-index:1000}#canvas-transform-layer.adjust-image-mode:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 0 0 100vmax #000000b3;pointer-events:none;z-index:6}#main-img{width:100%;height:100%;object-fit:cover;transform-origin:center center;will-change:transform}#image-adjust-stage{position:absolute;top:0;right:0;bottom:0;left:0}#image-adjust-target{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:center center}#image-adjust-target #main-img{width:100%;height:100%;display:block;object-fit:cover}#image-adjust-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30}.adjust-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.95);box-shadow:inset 0 0 0 1px #00000040}.img-handle{position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid #fff;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;scale:var(--inv-handle-scale, 1);transform-origin:center center}.img-handle.corner.nw{left:-10px;top:-10px}.img-handle.corner.ne{right:-10px;top:-10px}.img-handle.corner.sw{left:-10px;bottom:-10px}.img-handle.corner.se{right:-10px;bottom:-10px}.img-handle.rotate{top:10px;right:10px;left:auto;transform:none;width:26px;height:26px;font-size:16px}#image-zoom-controls-floating{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:1600;display:flex;flex-direction:column;gap:8px;background:#111827c7;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px;box-shadow:0 10px 24px #00000059;opacity:0;pointer-events:none;transition:opacity .15s ease}#image-zoom-controls-floating.visible{opacity:1;pointer-events:auto}#canvas-transform-layer.adjust-image-mode~.fab-btn,#canvas-transform-layer.adjust-image-mode~.reset-view-btn{z-index:1400}.zoom-btn{width:38px;height:38px;border-radius:999px;font-size:20px;line-height:1;padding:0;box-shadow:0 2px 8px #0000003d}.zoom-btn.reset{font-size:18px}.img-zoom-btn{border:1px solid rgba(255,255,255,.2);background:#ffffffeb;color:#111827}.text-layer{width:100%;min-height:100%;display:block;background:#fafafa;font-size:16px;line-height:1.8;text-align:left;padding:20px;white-space:pre-wrap;word-break:break-all;border:none;outline:none;resize:none;font-family:inherit}.v-text{writing-mode:vertical-rl;text-orientation:upright}.canvas-guide{display:none}.header-guide{top:0;border-top:none}.footer-guide{bottom:0;border-bottom:none}.bubble-svg{position:absolute;transform:translate(-50%,-50%);cursor:move}.bubble-text{position:absolute;transform:translate(-50%,-50%);text-align:center;font-size:12px;line-height:1.4;color:#000;white-space:pre;outline:none}.bubble-handle{position:absolute;top:-20px;right:-20px;width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:grab;z-index:1000;pointer-events:auto;box-shadow:0 2px 8px #0000004d}.bubble-tail-handle{position:absolute;width:24px;height:24px;border-radius:50%;background:#00bcd4;border:2px solid white;cursor:grab;z-index:1000;pointer-events:auto;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-50%)}.bubble-spike-handle{position:absolute;width:20px;height:20px;border-radius:50%;background:#ff9800;border:2px solid white;cursor:ew-resize;z-index:1001;pointer-events:auto;box-shadow:0 2px 8px #0000004d;transform:translate(-50%,-50%)}.bubble-color-row{display:flex;gap:10px;margin-top:8px;align-items:center}.bubble-color-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:#666}.bubble-color-item input[type=color]{width:32px;height:28px;border:1px solid #ced5e0;border-radius:4px;cursor:pointer;padding:1px}.recent-colors-section{margin-top:8px}.recent-colors-label{font-size:10px;color:#888;display:block;margin-bottom:4px}.recent-colors-row{display:flex;flex-wrap:wrap;gap:4px;min-height:20px}.recent-color-swatch{width:20px;height:20px;border-radius:3px;border:1px solid rgba(0,0,0,.15);cursor:pointer;padding:0;transition:transform .1s,box-shadow .1s}.recent-color-swatch:hover{transform:scale(1.2);box-shadow:0 1px 4px #00000040}.context-menu-shape{gap:6px}.context-shape-select{flex:1;border:1px solid #ced5e0;border-radius:6px;padding:4px 6px;font-size:12px;background:#fff;cursor:pointer;outline:none}.fab-btn{position:absolute;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #00000059;z-index:80}.reset-view-btn{position:absolute;right:28px;bottom:86px;width:40px;height:40px;border-radius:50%;border:1px solid #ced5e0;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;z-index:80}.control-group{background:#f8f9fc;border:1px solid #edf0f4;border-radius:10px;padding:14px;margin-bottom:12px}.control-group h4{margin:0 0 10px;font-size:18px}.control-group label{display:block;margin-bottom:6px;font-size:13px}.control-group input,.control-group select,.control-group textarea{width:100%;padding:8px 9px;border:1px solid #c8d1e0;border-radius:6px;background:#fff;font-size:14px;margin-bottom:10px}.inline-actions{display:flex;gap:8px}.inline-actions>*{flex:1}.inline-icon{font-size:16px;vertical-align:middle}.lang-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;border:1px solid #d9dfeb;border-radius:6px;padding:5px 8px;margin-bottom:5px}.btn-sm{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;font-size:14px;color:#243144;cursor:pointer;line-height:1.2;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn{width:100%;border:none;background:#edf3ff;color:#1248a1;border-radius:8px;padding:12px 14px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-danger{margin-top:8px;background:#ff3b30;color:#fff}.btn-danger:hover:not(:disabled){background:#cc2a20;border-color:#cc2a20;color:#fff}#mobile-header,#bottom-bar,#mobile-action-sheet,#mobile-overlay-backdrop{display:none}#project-modal,#validation-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000}#project-modal.visible,#validation-modal.visible{display:flex;align-items:center;justify-content:center}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{position:relative;width:min(680px,92vw);max-height:82vh;background:#fff;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 42px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f4}.modal-header h2{margin:0;font-size:18px}.modal-header-actions{display:flex;gap:8px}.btn-modal{border:1px solid #ccd5e2;background:#fff;border-radius:8px;padding:10px 16px;font-size:14px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn-modal.primary{border-color:var(--primary);background:var(--primary);color:#fff}.modal-body{padding:18px 20px;overflow-y:auto}.validation-modal-content{width:min(760px,94vw)}.validation-modal-body{display:flex;flex-direction:column;gap:12px}#validation-summary{margin:0;font-size:14px;color:#32445f}#validation-filters{display:flex;flex-wrap:wrap;gap:8px}.validation-filter{border:1px solid #ccd5e2;background:#fff;color:#2d4261;border-radius:999px;padding:6px 12px;font-size:12px;cursor:pointer}.validation-filter.active{border-color:var(--primary);background:#396fbd1f;color:var(--primary-dark)}#validation-issues{display:flex;flex-direction:column;gap:8px}.validation-issue{width:100%;text-align:left;border:1px solid #d5dfec;background:#fff;color:#22314a;border-radius:8px;padding:10px 12px;cursor:pointer}.validation-issue:hover{background:#f7faff;border-color:#98b3df}.validation-note{margin-top:4px;font-size:12px;color:#627594}.rt-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.rt-editor{min-height:120px;border:1px solid #d6deea;border-radius:8px;padding:10px;background:#fff;overflow:auto;line-height:1.6}.rt-editor h1{font-size:24px;line-height:1.3;margin:0 0 10px}.rt-editor h2{font-size:20px;line-height:1.35;margin:0 0 8px}.rt-editor p{margin:0 0 8px}.canvas-rich-view h1{font-size:28px;line-height:1.25;margin:0}.canvas-rich-view h2{font-size:22px;line-height:1.3;margin:0}.canvas-rich-view p,.viewer-text-block h1,.viewer-text-block h2,.viewer-text-block p{margin:0}#project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{position:relative;border:1px solid #edf0f4;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}.project-card-thumb{aspect-ratio:9 / 16;background:#eef2f7}.project-card-thumb img{width:100%;height:100%;object-fit:cover}.project-card-text-thumb{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:10px}.project-card-info{padding:10px 12px}.project-card-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-meta{font-size:11px;color:#7c899c}.project-card-delete{position:absolute;top:7px;right:7px;width:24px;height:24px;border:none;border-radius:999px;background:#14181e94;color:#fff;display:none}.project-card:hover .project-card-delete{display:inline-block}.project-loading{grid-column:1 / -1;text-align:center;color:#7c899c;padding:36px}@media (max-width: 1023px){#app-shell{grid-template-rows:1fr}#ribbon-bar{display:none}#mobile-header{position:fixed;top:0;left:0;right:0;height:52px;background:#fffffff2;border-bottom:1px solid #e3e8f1;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.mobile-title{font-size:14px;font-weight:700}#icon-bar,#page-strip{display:none}#workspace{grid-template-columns:1fr}#editor-main{padding:52px 0 calc(64px + env(safe-area-inset-bottom)) 0}#canvas-view{border-radius:0;flex:none;height:100%}.sidebar-assets{display:none!important}.sidebar-pages{display:flex!important;flex-direction:column}#sidebar,#panel-right,#mobile-action-sheet{display:block;position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));width:100%;max-height:calc(100dvh - 116px - env(safe-area-inset-bottom));border-radius:16px 16px 0 0;border:1px solid #e5e9f1;background:#fff;z-index:1200;transform:translateY(105%);transition:transform .2s ease;padding-bottom:8px;overflow-y:auto}body.right-collapsed #panel-right{opacity:1;pointer-events:auto}#panel-right{padding:12px}#sidebar.mobile-sheet-open,#panel-right.mobile-sheet-open,#mobile-action-sheet.mobile-sheet-open{transform:translateY(0)}#mobile-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;z-index:1150}body.mobile-sheet-active #mobile-overlay-backdrop{display:block}#mobile-action-sheet{padding:14px;overflow-y:auto}.mobile-sheet-content{display:none;grid-template-columns:1fr 1fr;gap:8px}.mobile-sheet-content.active{display:grid}#bottom-bar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e3e8f1;z-index:1300}.bottom-item{border:none;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:#627185}.bottom-item .material-icons{font-size:20px}.bottom-item.active{color:var(--primary)}.fab-btn{bottom:calc(72px + env(safe-area-inset-bottom))}.reset-view-btn{bottom:calc(138px + env(safe-area-inset-bottom))}body.image-adjusting-mobile #canvas-view{background:#11161f}body.image-adjusting-mobile #canvas-transform-layer.adjust-image-mode:after{display:block;box-shadow:0 0 0 100vmax #0000008c}.img-handle{width:24px;height:24px}.img-handle.rotate{top:10px;right:10px;left:auto;transform:none;width:30px;height:30px;font-size:16px}#image-zoom-controls-floating{right:10px;top:42%;transform:translateY(-50%);gap:10px;padding:10px}.zoom-btn{width:46px;height:46px;font-size:26px}.zoom-btn.reset{font-size:22px}.modal-content{width:94vw}.thumb-insert-btn,.thumb-duplicate-btn,.thumb-move-btn{opacity:1;pointer-events:auto}#project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ps-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px}.ps-dialog{background:#fff;border-radius:10px;width:100%;max-width:1080px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #00000040;overflow:hidden}.ps-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e8ed;flex-shrink:0}.ps-header h2{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;margin:0;color:#1a2030}.ps-header h2 .material-icons{font-size:20px;color:#3a7bd5}.ps-close-btn{background:none;border:none;font-size:16px;color:#6b7a8d;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.ps-close-btn:hover{background:#f0f4f8;color:#1a2030}.ps-body{flex:1;overflow-y:auto;padding:8px 20px}.ps-section{padding:16px 0;border-bottom:1px solid #f0f4f8}.ps-section:last-child{border-bottom:none}.ps-section h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6b7a8d;margin:0 0 12px}.ps-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.ps-field:last-child{margin-bottom:0}.ps-field label{font-size:12px;font-weight:600;color:#3a4560}.ps-field input[type=text],.ps-field select,.ps-field textarea{width:320px;max-width:100%;padding:7px 10px;border:1px solid #d0d7e3;border-radius:6px;font-size:13px;color:#1a2030;background:#fff;box-sizing:border-box;font-family:inherit}.ps-field input[type=text]:focus,.ps-field select:focus,.ps-field textarea:focus{outline:none;border-color:#3a7bd5;box-shadow:0 0 0 3px #3a7bd51f}.ps-field textarea{resize:vertical;min-height:72px}.ps-hint{font-size:11px;color:#9aa5b4;margin:4px 0 0;line-height:1.5}#ps-meta-table{overflow-x:auto;overflow-y:visible}.ps-meta-grid{display:grid;width:max-content;min-width:100%;background:#dde2ea;gap:1px;border:1px solid #dde2ea;border-radius:8px;overflow:hidden;font-size:12px}.ps-meta-cell{background:#fff;padding:8px 10px;min-width:140px}.ps-meta-header{background:#f2f5fa;font-weight:700;color:#4a5568;font-size:11px;letter-spacing:.03em;text-align:center;line-height:1.4}.ps-meta-header-sub{display:block;font-size:10px;font-weight:500;color:#8a9ab0;margin-top:2px;letter-spacing:.04em}.ps-meta-row-label{background:#f8fafc;font-weight:600;color:#3a4560;font-size:12px;display:flex;align-items:center;white-space:nowrap;min-width:80px}.ps-meta-input{width:100%;border:none;outline:none;background:transparent;font-size:12px;color:#1a2030;font-family:inherit;resize:vertical;box-sizing:border-box;padding:0;line-height:1.5}.ps-meta-input:focus{background:#eef4ff;border-radius:3px;padding:2px 4px;margin:-2px -4px}textarea.ps-meta-input{min-height:58px;display:block}.ps-lang-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.ps-lang-list .lang-item{display:flex;align-items:center;gap:4px;background:#f0f4f8;border-radius:6px;padding:3px 6px 3px 10px;font-size:12px}.lang-item-label{white-space:nowrap}.lang-dir-select{border:none;background:transparent;font-size:11px;color:#3a7bd5;font-weight:600;cursor:pointer;padding:0 12px 0 2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath fill='%233a7bd5' d='M0 0l4 5 4-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0px center}.lang-dir-select:hover{color:#2563c7}.ps-meta-header[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}.ps-meta-header[draggable=true]:active{cursor:grabbing}.ps-meta-header-drag{display:inline-block;margin-right:4px;color:#aab;font-size:13px;vertical-align:middle;line-height:1}.ps-col-dragging{opacity:.45}.ps-col-drag-over{outline:2px solid #3b82f6;outline-offset:-2px;background:#eff6ff!important}.ps-meta-header--default{background:#e8f0fe!important}.ps-default-badge{display:inline-block;margin-left:5px;font-size:9px;font-weight:700;color:#fff;background:#3b6ee8;border-radius:3px;padding:1px 4px;vertical-align:middle;line-height:1.5;letter-spacing:0}.lang-item-remove{font-size:10px;padding:1px 5px;line-height:1.4;opacity:.5;background:transparent;border:none;cursor:pointer;border-radius:3px}.lang-item-remove:hover{opacity:1;background:#e0e5ee}.ps-lang-add{display:flex;gap:6px;align-items:center;width:320px;max-width:100%}.ps-lang-add select{flex:1;padding:5px 8px;border:1px solid #d0d7e3;border-radius:6px;font-size:12px;background:#fff}.ps-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #e5e8ed;flex-shrink:0;background:#f8fafc}#works-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000}#works-modal.visible{display:flex;align-items:center;justify-content:center}.modal-content--wide{width:min(860px,94vw)}#works-list{display:flex;flex-direction:column;gap:0}.works-loading,.works-empty{padding:40px 24px;text-align:center;color:#64748b;font-size:14px}.works-empty-sub{margin-top:8px;font-size:13px;color:#94a3b8}.works-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:12px 20px;border-bottom:1px solid #edf0f4;transition:background .1s}.works-row:last-child{border-bottom:none}.works-row:hover{background:#f8fafc}.works-thumb{width:56px;height:80px;border-radius:6px;overflow:hidden;background:#f1f5f9;flex-shrink:0;display:flex;align-items:center;justify-content:center}.works-thumb img{width:100%;height:100%;object-fit:cover;display:block}.works-thumb-placeholder{font-size:22px;color:#cbd5e1}.works-info{min-width:0}.works-title{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-meta{font-size:12px;color:#94a3b8;margin-top:4px}.works-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.works-vis-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.works-vis-badge.vis-public{background:#dcfce7;color:#16a34a}.works-vis-badge.vis-unlisted{background:#fef9c3;color:#a16207}.works-vis-badge.vis-private{background:#f1f5f9;color:#64748b}.works-vis-select{font-size:12px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer}.works-btn-edit{font-size:12px;padding:5px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155;cursor:pointer;white-space:nowrap;transition:background .1s}.works-btn-edit:hover{background:#f1f5f9}