.studio{background:#f5f6f4}.studio-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:25px;padding:16px 24px;background:white;border-bottom:1px solid #dce3dd}.studio-header a{font-size:14px}.studio-header strong{font-size:18px;font-weight:500}.studio-header #save-state{margin-left:auto;font-size:13px;color:#68746c}.primary{background:#425d4e;color:white;border:0;border-radius:6px;padding:10px 20px;min-height:42px;font-size:14px}.studio-layout{width:100%;max-width:none;display:grid;grid-template-columns:195px minmax(0,1fr);margin:0}.book-panel{padding:20px 14px;background:#fff;border-right:1px solid #e0e5e1;min-height:calc(100vh - 80px)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.panel-heading h2{font-size:17px;margin:0;font-weight:500}.panel-heading button{font-size:14px;color:#4c6d59}.book-row{display:block;width:100%;text-align:left;font-size:14px;line-height:1.6;padding:12px 10px;border-radius:5px;margin:3px 0;overflow-wrap:anywhere}.book-row.active{background:#eaf0e9;color:#3d5947}.small-note{font-size:12px;line-height:1.8;color:#778079}.book-panel .small-note{margin-top:28px}.editor{min-width:0;padding:20px}.book-settings{display:grid;grid-template-columns:repeat(5,minmax(80px,1fr));gap:12px;background:white;padding:17px;border:1px solid #e2e6e0;border-radius:7px}.studio label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#535e55}.studio input:not([type=checkbox]):not([type=radio]),.studio select,.studio textarea{font:14px/1.5 inherit;width:100%;min-width:0;padding:7px 9px;border:1px solid #dce2d9;border-radius:4px;background:#fff;color:#303b32}.studio input[type=color]{padding:3px!important;height:36px}.studio textarea{resize:vertical}.editor-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0}.editor-toolbar button,.editor-toolbar a,.page-actions button,.properties button,.editor-footer button{font-size:13px;padding:9px 11px;border:1px solid #d7dfd4;border-radius:5px;background:white;min-height:36px}.editor-toolbar a{margin-left:auto}.page-workspace{display:grid;grid-template-columns:95px minmax(220px,1fr) 215px;gap:15px;align-items:start}.page-panel{background:white;border:1px solid #e0e5de;border-radius:6px;padding:10px;max-height:800px;overflow:auto}.page-thumb{display:block;width:100%;padding:4px;margin-bottom:9px;border:1px solid #e2e5df}.page-thumb.active{border:2px solid #58745e}.page-thumb .canvas-page{width:100%;pointer-events:none}.page-thumb>span{display:block;font-size:12px;margin-top:4px}.canvas-area{min-width:0;overflow:auto}.canvas-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 13px;font-size:13px}.canvas-heading label{flex-direction:row;align-items:center;font-size:12px}.canvas-heading input{width:34px!important;height:26px!important}#canvas-mount{min-height:500px;padding:5px 8px 20px;display:flex;justify-content:center;overflow:auto}#canvas-mount>.canvas-page{max-width:100%;flex-shrink:0;box-shadow:0 3px 20px #1d322214;outline:1px solid #dbe0d7}.page-element{touch-action:none}#canvas-mount .page-element{cursor:move}#canvas-mount .page-element.selected{outline:2px solid #527463;z-index:100!important;overflow:visible}#canvas-mount .page-element.selected img{pointer-events:none}.resize-handle{position:absolute;right:-6px;bottom:-6px;width:13px;height:13px;background:#547764;border:2px solid white;cursor:nwse-resize;z-index:2}.page-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.properties{background:white;border:1px solid #e0e5dc;border-radius:6px;padding:14px}.properties h3{font-size:15px;margin:0 0 17px;font-weight:500}.properties label{margin-bottom:12px}.position-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.properties button{width:100%;margin-top:8px}.inline-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:12px;color:#7d847d}.danger{color:#a7493e!important}#notice{padding:12px 22px;background:#eaf2e9;color:#3c6045;font-size:14px;margin:0}#notice.error{background:#fff0e8;color:#a04133}#auth-message{padding:60px;text-align:center}#auth-message a{display:block;margin-top:20px;color:#476551}#import-dialog fieldset{border:0;padding:15px 0;margin:0}#import-dialog legend{font-size:15px;padding-top:20px}#import-dialog fieldset label{flex-direction:row;align-items:center;margin:12px 0;line-height:1.8}#import-dialog .inline-label{margin:20px 0}#import-progress{font-size:14px;line-height:1.8;color:#536b59}.studio .canvas-page{background:#fff}
@media(max-width:1150px){.studio-layout{grid-template-columns:150px minmax(0,1fr)}.editor{padding:12px}.page-workspace{grid-template-columns:75px minmax(200px,1fr) 180px;gap:9px}.book-settings{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.studio-header{padding:12px;gap:10px;flex-wrap:wrap}.studio-header strong{font-size:16px}.studio-header #save-state{font-size:12px}.studio-layout{display:block}.book-panel{min-height:0;border-bottom:1px solid #dde3d8;padding:12px}.book-panel .small-note{margin:10px 0 0}.book-row{display:inline-block;width:auto;margin-right:5px;max-width:240px}#book-list{display:flex;overflow:auto}.book-settings{grid-template-columns:repeat(2,1fr);padding:12px}.page-workspace{grid-template-columns:62px minmax(0,1fr)}.properties{grid-column:1/-1}.properties #element-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.properties #text-field{grid-column:1/-1}#canvas-mount{min-height:300px;padding-inline:3px}.editor-toolbar a{margin-left:0}.studio-header .primary{margin-left:auto}.page-actions button{padding:6px;font-size:12px}}

.cover-settings{display:flex;align-items:center;gap:16px;padding:16px 0}.cover-settings img{width:90px;height:120px;object-fit:contain;background:#f1f2ee;border:1px solid #ddd}.cover-settings button{padding:8px 14px;border:1px solid #ccd2cb;border-radius:6px;margin-right:8px}

#cover-dialog{width:min(620px,95vw)}#cover-large{margin:0 auto 20px;max-width:100%;overflow:hidden}#cover-large img{display:block;width:100%;height:100%}#cover-dialog>label{display:flex;align-items:center;gap:15px;margin:12px 0}#cover-dialog input[type=range]{flex:1}#cover-dialog button{padding:8px 14px}

#cover-large{position:relative;touch-action:none;cursor:grab;user-select:none}#cover-large:active{cursor:grabbing}#cover-large img{position:absolute;inset:0;pointer-events:none;max-width:none}#cover-mini{width:90px;overflow:hidden;position:relative;flex-shrink:0}#cover-mini img{position:absolute;inset:0;width:100%;height:100%;border:0}#cover-large:focus-visible{outline:2px solid #527266;outline-offset:3px}