/* Compact editor pages and works library. Load after the site theme. */
.premium-editor,.premium-works{--editor-ink:#26354f;--editor-muted:#8998ae;--editor-line:#e7edf7;color:var(--editor-ink);max-width:1080px;margin:0 auto;min-width:0}
.premium-editor button,.premium-works button{font-family:inherit}
.editor-nav{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;height:60px;margin:0 0 22px}
.editor-nav h1{font-size:22px;font-weight:650;line-height:1.4;text-align:center;letter-spacing:0;margin:0}
.editor-back,.editor-worklink{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#354a6b;font-size:14px;line-height:1.5}
.editor-back{justify-content:flex-start}.editor-back .icon{width:23px;height:23px}.editor-worklink{justify-content:flex-end;color:#6c87b4}
.premium-creator-form{min-width:0;width:100%;padding:25px;background:#fff;border:1px solid #eaf0f8;border-radius:13px}
.composer-fields{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:28px;align-items:start}
.composer-fields-single{grid-template-columns:minmax(0,1fr)}
.composer-settings{display:grid;gap:23px;min-width:0}
.composer-section{min-width:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.composer-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
.composer-section-heading h2,.composer-section-heading>label{font-size:18px;font-weight:650;line-height:1.5;margin:0;color:#292b38}
.optional-label{font-size:12px;line-height:1.5;color:#9aa8bd}
.prompt-input-shell{position:relative;min-width:0}
.premium-editor textarea{display:block;box-sizing:border-box;width:100%;height:230px;min-height:230px;max-height:550px;resize:vertical;padding:12px 13px 36px;border:1px solid #9755ff;border-radius:9px;background:#f7f7f8;color:#343747;font-size:16px;line-height:1.35;box-shadow:none}
.premium-editor textarea::placeholder{font-size:16px;line-height:1.35;color:#9299a6}
.premium-editor textarea:focus{outline:none;border-color:#8b46ff;background:#f7f7f8;box-shadow:0 0 0 1px #a36aff}
.prompt-input-shell #char-count{position:absolute;bottom:11px;left:13px;font-size:15px;font-variant-numeric:tabular-nums;line-height:1.5;color:#9ca3af;pointer-events:none}
.prompt-examples{display:flex;align-items:center;gap:12px;margin:10px 0 0;padding:0;border:0;min-width:0}
.premium-editor .suggestions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:9px;overflow-x:auto;min-width:0;margin:0;padding:2px 0;scrollbar-width:none}
.premium-editor .suggestions::-webkit-scrollbar{display:none}
.premium-editor .suggestions button{flex:0 0 auto;display:block;width:auto;min-height:31px;padding:6px 17px;border:0;border-radius:20px;background:#eee9ff;color:#373449;font-size:12px;line-height:1.5;font-weight:400;white-space:nowrap}
.premium-editor .suggestions button:hover{background:#e4dbff;color:#6343bd}
.premium-editor .premium-upload{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:83px;padding:13px;border:1px dashed #d2dff3;border-radius:9px;background:#fff;text-align:left;cursor:pointer}
.premium-upload .upload-control-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;margin:0;border-radius:9px;background:#f0ecff;color:#8a72dd}
.premium-upload .upload-control-icon .icon{width:21px;height:21px}
.premium-upload .upload-copy{display:block;min-width:0}
.premium-editor .premium-upload strong{display:block;font-size:14px;font-weight:500;line-height:1.6;color:#6482af}
.premium-upload .upload-copy>span{display:block;margin-top:3px;font-size:12px;line-height:1.7;color:#a0adc1}
.premium-editor .premium-upload input{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer}
.premium-editor .premium-upload:hover{border-color:#94b7f3;background:#fbfdff}
.premium-editor .premium-upload:focus-within{outline:2px solid #b7ceff;outline-offset:2px}
.premium-editor .attachments{display:grid;gap:8px;margin-top:9px}
.premium-editor .attachments:empty{margin:0}
.premium-editor .attachment{display:flex;align-items:center;gap:9px;min-width:0;padding:7px 9px;background:#fff;border:1px solid #e6edf8;border-radius:9px}
.premium-editor .attachment-preview,.premium-editor .attachment-file{width:43px;height:43px;min-height:0;flex-shrink:0;background:#eef4ff;border-radius:6px}
.premium-editor .attachment strong{font-size:13px;font-weight:500;line-height:1.5;color:#667a99}
.premium-editor .attachment div>span{font-size:11px;line-height:1.5;color:#a1adc0;margin-top:3px}
.premium-editor .attachment .icon-button{width:36px;height:40px;min-width:36px;min-height:40px;padding:0;color:#9baac0}
.premium-editor .options-field{min-width:0;padding:0;margin:0;border:0}
.premium-editor .options-field legend,.premium-editor .field-label{display:block;padding:0;margin:0 0 10px;font-size:18px;font-weight:650;line-height:1.5;color:#292b38}
.premium-editor .ratio-options{display:flex;flex-wrap:nowrap;gap:9px;margin:0}
.premium-editor .ratio-options label{position:relative;flex:1;min-width:0;max-width:110px}
.premium-editor .ratio-options input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.premium-editor .ratio-options label>span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:66px;padding:10px 4px;border:1px solid transparent;border-radius:9px;background:#fff;color:#a092ff;cursor:pointer;box-shadow:none}
.premium-editor .ratio-options i{display:block;border:1.5px solid currentColor;border-radius:3px;width:23px;height:23px}
.premium-editor .ratio-options .ratio-9-16{width:15px;height:23px}.premium-editor .ratio-options .ratio-16-9{width:30px;height:17px}.premium-editor .ratio-options .ratio-3-4{width:19px;height:24px}
.premium-editor .ratio-options b{font-size:13px;font-weight:400;line-height:1.4;color:#393c47}
.premium-editor .ratio-options input:checked+span{border-color:#9857ff;background:#fff;color:#a092ff;box-shadow:0 0 0 1px #9857ff}
.premium-editor .ratio-options input:checked+span b{color:#393c47}
.premium-editor .ratio-options input:focus-visible+span{outline:2px solid #d6c0ff;outline-offset:3px}
.premium-editor select{display:block;width:100%;min-height:46px;padding:10px 13px;border:1px solid #dfe8f7;border-radius:9px;background-color:#fff;color:#647a9a;font-size:16px;line-height:1.5}
.premium-editor .form-error{font-size:14px;line-height:1.7;color:#b85565;margin:0}
.premium-editor .form-error:not(:empty){padding:10px 12px;margin-top:16px;background:#fff3f5;border:1px solid #f7e0e6;border-radius:8px}
.composer-action-panel{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:19px 0 0;background:#fff;border-top:1px solid #edf1f7}
.composer-save-info{min-width:0;color:#96a5bc;font-size:12px;line-height:1.6}
.composer-save-info:has(#save-status:empty){display:none}
.composer-buttons{display:flex;gap:12px;flex-shrink:0}
.premium-editor .composer-buttons .button{min-height:47px;padding:12px 25px;border-radius:9px;line-height:1.5;font-size:15px;font-weight:550;white-space:nowrap}
.premium-editor .composer-buttons .primary{border:1px solid transparent;background:#7059ff;color:#fff;box-shadow:none}
.premium-editor .composer-buttons .secondary{border:1px solid transparent;background:#477dff;color:#fff;box-shadow:none}
.premium-editor .composer-buttons .button:disabled{opacity:.55;cursor:wait}
.composer-bottom{padding:12px 3px 0}
.editor-more{max-width:260px;margin-left:auto}
.editor-more summary{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:42px;list-style:none;cursor:pointer;color:#7d8598;font-size:14px;line-height:1.5}
.editor-more summary::-webkit-details-marker{display:none}
.editor-more summary>.icon{width:15px;height:15px;transition:transform .15s}
.editor-more[open] summary>.icon{transform:rotate(90deg)}
.editor-more summary:focus-visible{outline:2px solid #c4b1ff;outline-offset:2px;border-radius:6px}
.premium-editor .editor-more .draft-tools{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:5px 12px;border:1px solid #e9e7f1;border-radius:10px;background:#fff}
.premium-editor .editor-more .draft-tools button{display:flex;align-items:center;gap:9px;min-height:44px;padding:7px 0;text-align:left;font-size:14px;line-height:1.5;color:#677187;white-space:nowrap}
.premium-editor .editor-more .draft-tools button .icon{width:18px;height:18px}
.premium-editor .editor-more .draft-tools [data-action="delete"]{color:#a37484}
.premium-works .works-intro{display:flex;align-items:center;min-height:44px;margin:0 0 20px}
.premium-works .works-intro h1{margin:0;font-size:24px;line-height:1.5;font-weight:700;letter-spacing:0;color:#26354f}
.premium-works .draft-list{display:grid;gap:10px;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none}
.premium-works .draft-row{display:flex;align-items:center;gap:12px;min-width:0;padding:17px 16px;border:1px solid #e8edf6;border-radius:13px;background:#fff;box-shadow:none}
.premium-works .draft-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:0;background:none}
.premium-works .draft-icon>.icon{display:block;width:27px;height:27px}
.premium-works .draft-text{min-width:0;flex:1;gap:5px}
.premium-works .draft-text strong{font-size:16px;line-height:1.6;font-weight:600;color:#41536e}
.premium-works .draft-text>span{font-size:13px;line-height:1.6;margin:0;color:#8794a8}
.premium-works .draft-text i{color:#c4ccda;padding:0 4px}
.premium-works .draft-state{font-size:12px;line-height:1.5;padding:3px 7px;border-radius:5px;color:#7489a8;background:#f2f5fa}
.premium-works .draft-row>.icon{width:16px;height:16px;flex-shrink:0;color:#a6b2c5}
.premium-works .empty-state{display:grid;place-items:center;min-height:190px;padding:30px 20px;border:0;border-radius:0;background:none;text-align:center}
.premium-works .empty-state h2{font-size:17px;line-height:1.6;font-weight:500;color:#8a96a9;margin:0}
.premium-works .notice.error{font-size:14px;line-height:1.7;border-radius:10px;background:#fff5f5;border-color:#f3dfe3;color:#b76d7a}

@media(min-width:1250px){.premium-works .draft-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.composer-fields{gap:22px;grid-template-columns:minmax(0,1fr)}.composer-settings{grid-template-columns:minmax(0,1fr) minmax(230px,.8fr);gap:22px;align-items:start}.composer-fields-single{display:block}}
@media(max-width:800px){
  body:has(.premium-editor){background:#f6f6f6}
  #app:has(.premium-editor) .topbar,#app:has(.premium-editor) .mobile-nav,#app:has(.premium-editor) .site-footer{display:none!important}
  #app:has(.premium-editor) .workspace{margin-left:0}
  #main:has(>.premium-editor){width:100%;max-width:none;padding:0 14px;min-height:100dvh;background:linear-gradient(180deg,#dce6fc 0,#edf0f9 170px,#f6f6f6 330px);animation:none}
  .premium-editor{max-width:none;margin:0;padding-bottom:calc(116px + env(safe-area-inset-bottom));scroll-margin-bottom:120px}
  .editor-nav{position:sticky;top:0;z-index:12;grid-template-columns:48px minmax(0,1fr) 48px;height:70px;margin:0 -14px 8px;padding:12px 14px 0;background:#dfe8fcf2;backdrop-filter:blur(12px)}
  .editor-nav h1{font-size:20px;font-weight:650;color:#292b38}
  .editor-back,.editor-worklink{font-size:13px;min-height:44px}
  .editor-back .icon{width:23px;height:23px}
  .premium-creator-form{padding:0;border:0;border-radius:0;background:none}
  .composer-fields{display:flex;flex-direction:column;gap:17px}
  .composer-fields>.composer-section,.composer-fields>.composer-settings{width:100%}
  .composer-settings{display:flex;flex-direction:column;gap:18px;align-items:stretch}
  .composer-section{padding:0;border:0;border-radius:0;background:none}
  .composer-section-heading{margin:0 0 6px}
  .composer-section-heading h2,.composer-section-heading>label{font-size:18px;line-height:1.5}
  .premium-editor textarea{height:230px;min-height:230px;padding:12px 12px 36px;border-color:#9755ff;border-radius:9px;background:#f7f7f8;font-size:16px;line-height:1.35}
  .premium-editor textarea::placeholder{font-size:16px;color:#9299a6}
  .prompt-input-shell #char-count{left:13px;bottom:11px;font-size:15px}
  .prompt-examples{gap:12px;margin-top:11px}
  .premium-editor .suggestions{flex:1;justify-content:space-between;gap:9px}
  .premium-editor .suggestions button{min-height:31px;padding:6px 15px;font-size:12px;background:#eee9ff}
  .premium-editor .premium-upload{min-height:78px;padding:11px 12px;gap:11px}
  .premium-upload .upload-control-icon{width:38px;height:38px;flex-basis:38px}
  .premium-editor .premium-upload strong{font-size:14px}
  .premium-upload .upload-copy>span{font-size:12px;line-height:1.6}
  .premium-editor .options-field legend,.premium-editor .field-label{font-size:18px;margin-bottom:10px}
  .premium-editor .ratio-options{gap:9px}
  .premium-editor .ratio-options label{max-width:100px}
  .premium-editor .ratio-options label>span{min-height:66px;border-color:transparent;background:#fff}
  .premium-editor .ratio-options input:checked+span{border-color:#9857ff}
  .composer-action-panel{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;padding:12px 14px max(12px,env(safe-area-inset-bottom));border:0;border-radius:0;background:#f6f6f6f7;box-shadow:none;backdrop-filter:blur(12px)}
  .composer-save-info{font-size:12px;line-height:1.5;min-height:18px;max-width:760px;margin:0 auto;width:100%;color:#8d96a7}
  .composer-buttons{width:100%;max-width:760px;margin:0 auto;gap:16px}
  .premium-editor .composer-buttons .button{flex:1;min-height:48px;padding:12px 10px;font-size:16px;border-radius:9px}
  .premium-editor .composer-buttons .primary{flex:1}
  .composer-bottom{padding:7px 0 0}
  body:has(.premium-editor) #toast{bottom:calc(115px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){
  .premium-works .works-intro{min-height:36px;margin-bottom:18px}
  .premium-works .works-intro h1{font-size:23px}
  .premium-works .draft-row{padding:15px 12px;gap:10px}
  .premium-works .draft-text strong{font-size:15px}
  .premium-works .draft-text>span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.premium-editor *,.premium-works *{transition:none!important}}