@layer utilities{.write-container{--text-primary:var(--color-text);--text-tertiary:color-mix(in srgb, var(--color-text-secondary) 72%, transparent);background:0 0;min-height:calc(100vh - 52px);position:relative;overflow:hidden}.write-container:before{content:"";z-index:0;-webkit-backdrop-filter:none;background:0 0;position:absolute;inset:0}.write-workspace-layout{z-index:1;grid-template-columns:minmax(0,920px) 280px;align-items:start;gap:28px;width:min(1240px,100% - 32px);margin:0 auto;padding:28px 0 56px;display:grid;position:relative}.write-editor-wrapper{z-index:1;border-inline:1px solid var(--surface-border);background:color-mix(in srgb, var(--color-surface) calc(var(--surface-editor-alpha) * 100%), transparent);width:100%;min-width:0;min-height:calc(100vh - 52px);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(8px)saturate(.74);margin:0;padding:60px 40px 72px;position:relative}.write-sidebar{gap:14px;min-width:0;display:grid;position:sticky;top:76px}.write-sidebar__card{border:1px solid var(--surface-border);background:color-mix(in srgb, var(--color-surface) 68%, transparent);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(10px)saturate(.78);border-radius:14px;padding:18px}.write-sidebar__card h2,.write-sidebar__heading{color:var(--color-text);margin:0;font-size:.92rem;font-weight:700}.write-sidebar__heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.write-sidebar__heading small{color:var(--color-text-secondary);font-size:.72rem;font-weight:500}.write-sidebar__checklist{gap:9px;margin:14px 0 0;padding:0;list-style:none;display:grid}.write-sidebar__checklist li{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.84rem;display:flex}.write-sidebar__checklist .write-sidebar__check--ready{color:var(--color-sky-deep)}.write-sidebar__stats{color:var(--color-text-secondary);grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;font-size:.78rem;display:grid}.write-sidebar__stats strong{color:var(--color-text);grid-column:1/-1;font-size:1.35rem}.write-sidebar__syntax{gap:7px;margin:14px 0 0;display:grid}.write-sidebar__syntax div{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;display:grid}.write-sidebar__syntax dt{color:var(--color-sky-deep);font-family:var(--font-mono);font-size:.78rem;font-weight:700}.write-sidebar__syntax dd{color:var(--color-text-secondary);margin:0;font-size:.78rem}.write-sidebar__companion{color:var(--color-sky-deep);grid-template-columns:auto minmax(0,1fr);gap:11px;display:grid}.write-sidebar__companion p{color:var(--color-text-secondary);margin:7px 0 0;font-size:.8rem;line-height:1.65}.draft-edit-panel{border-color:color-mix(in srgb, var(--color-sky) 30%, var(--surface-border));position:relative;overflow:hidden}.draft-edit-panel:before{content:"";background:linear-gradient(90deg, var(--color-sky), var(--color-sunset));opacity:.72;height:3px;position:absolute;inset:0 0 auto}.draft-edit-panel__header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;display:grid}.draft-edit-panel__icon{background:color-mix(in srgb, var(--color-sky) 14%, transparent);width:30px;height:30px;color:var(--color-sky-deep);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.draft-edit-panel__eyebrow{color:var(--color-text-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:.68rem;font-weight:700}.draft-edit-panel__version{border:1px solid color-mix(in srgb, var(--color-sky) 24%, transparent);color:var(--color-sky-deep);font-family:var(--font-mono);border-radius:999px;align-self:start;padding:3px 6px;font-size:.62rem}.draft-edit-panel__contract{color:var(--color-text-secondary);align-items:flex-start;gap:7px;margin:14px 0;font-size:.76rem;line-height:1.55;display:flex}.draft-edit-panel__contract svg{color:var(--color-sky-deep);flex:none;margin-top:2px}.draft-edit-panel__field{color:var(--color-text);gap:7px;font-size:.78rem;font-weight:650;display:grid}.draft-edit-panel__field textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);background:color-mix(in srgb, var(--color-surface) 58%, transparent);min-height:78px;color:var(--color-text);font:inherit;border-radius:10px;outline:none;padding:10px 11px;font-weight:400;line-height:1.55}.draft-edit-panel__field textarea:focus-visible{border-color:var(--color-sky-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-sky) 14%, transparent)}.draft-edit-panel__generate,.draft-edit-panel__confirm,.draft-edit-panel__reject{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:.77rem;font-weight:700;display:inline-flex}.draft-edit-panel__generate{border:1px solid color-mix(in srgb, var(--color-sky) 40%, transparent);background:color-mix(in srgb, var(--color-sky) 12%, transparent);width:100%;color:var(--color-sky-deep);margin-top:10px}.draft-edit-panel button:disabled{cursor:not-allowed;opacity:.5}.draft-edit-panel__preview{border-top:1px solid color-mix(in srgb, var(--color-border) 58%, transparent);margin-top:14px;padding-top:13px}.draft-edit-panel__preview-heading{color:var(--color-text);justify-content:space-between;gap:8px;font-size:.75rem;font-weight:700;display:flex}.draft-edit-panel__preview-heading small{color:var(--color-sky-deep);font-family:var(--font-mono);font-size:.66rem}.draft-edit-panel__preview pre{border-left:3px solid color-mix(in srgb, var(--color-sky) 54%, transparent);background:color-mix(in srgb, var(--color-text) 5%, transparent);max-height:250px;color:var(--color-text);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-radius:0 8px 8px 0;margin:9px 0 0;padding:11px;font-size:.7rem;line-height:1.55;overflow:auto}.draft-edit-panel__expiry{color:var(--color-text-secondary);margin:7px 0 0;font-size:.67rem}.draft-edit-panel__actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;display:grid}.draft-edit-panel__confirm{border:1px solid color-mix(in srgb, var(--color-sky) 42%, transparent);background:var(--color-sky-deep);color:#fff}.draft-edit-panel__reject{border:1px solid color-mix(in srgb, var(--color-border) 74%, transparent);color:var(--color-text-secondary);background:0 0}.draft-edit-panel__message{min-height:0}.draft-edit-panel__error,.draft-edit-panel__notice{margin:10px 0 0;font-size:.72rem;line-height:1.45}.draft-edit-panel__error{color:var(--color-sunset)}.draft-edit-panel__notice{color:var(--color-sky-deep)}@media (max-width:420px){.draft-edit-panel__actions{grid-template-columns:1fr}}.write-status{color:var(--text-tertiary);font-size:.8rem;line-height:1.2;position:absolute;top:16px;right:16px}.write-title-input,.write-meta-input,.write-editor{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit}.write-title-input{margin-bottom:18px;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.12}.write-title-input::placeholder,.write-meta-input::placeholder,.write-editor::placeholder{color:var(--text-tertiary);font-style:italic}.write-meta-row{border-bottom:1px solid color-mix(in srgb, var(--color-border) 62%, transparent);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:18px;margin-bottom:22px;padding-bottom:18px;display:grid}.write-meta-row--tags{align-items:start}.write-tag-autocomplete{min-width:0;position:relative}.write-tag-box{flex-wrap:wrap;align-items:center;gap:8px;min-height:40px;padding:4px 0;display:flex}.write-tag{border:1px solid color-mix(in srgb, var(--color-sky) 28%, transparent);background:color-mix(in srgb, var(--color-sky) 10%, transparent);max-width:100%;color:var(--color-sky-deep);cursor:pointer;border-radius:999px;align-items:center;padding:4px 10px;font-size:.82rem;display:inline-flex}.write-tag--selected:hover{border-color:color-mix(in srgb, var(--color-error,#c45) 40%, transparent);color:var(--color-error,#c45)}.write-tag-input{min-width:120px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.write-tag-suggestions{z-index:20;border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, white);box-shadow:0 14px 32px color-mix(in srgb, var(--color-text) 12%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0}.write-tag-suggestion{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.write-tag-suggestion small{color:var(--color-text-secondary)}.write-tag-suggestion--active,.write-tag-suggestion:hover{background:color-mix(in srgb, var(--color-sky) 12%, transparent)}.md-toolbar{margin-bottom:12px}.md-toolbar__bar{border:1px solid color-mix(in srgb, var(--color-border) 68%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.md-toolbar__toggle{border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);min-height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:4px;padding:0 10px;font-size:.84rem;display:inline-flex}.md-toolbar__chevron--open{transform:rotate(180deg)}.md-toolbar__actions{flex-wrap:wrap;align-items:center;gap:4px;display:none}.md-toolbar--expanded .md-toolbar__actions{display:inline-flex}@media (min-width:768px){.md-toolbar__actions{display:inline-flex!important}.md-toolbar__toggle{display:none}}.md-toolbar__btn{width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:2px;transition:background .16s,color .16s;display:inline-flex}.md-toolbar__btn:hover:not(:disabled){background:color-mix(in srgb, var(--color-sky) 14%, transparent);color:var(--color-sky-deep)}.md-toolbar__btn:disabled{opacity:.45;cursor:not-allowed}.md-toolbar__heading{position:relative}.md-toolbar__heading .md-toolbar__btn{width:auto;padding:0 8px}.md-toolbar__menu{z-index:20;border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, white);min-width:120px;box-shadow:0 12px 28px color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:10px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.md-toolbar__menu button{color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px}.md-toolbar__menu button:hover{background:color-mix(in srgb, var(--color-sky) 12%, transparent)}.md-toolbar__status{color:var(--color-sky-deep);margin-left:auto;font-size:.8rem}.write-stats{color:var(--text-tertiary);flex-wrap:wrap;gap:8px;margin-top:12px;font-size:.82rem;display:flex}.write-meta-input{min-width:0;font-size:.95rem;line-height:1.6}.write-ai-description-row{justify-content:flex-end;margin:-10px 0 18px;display:flex}.write-ai-description-btn{border:1px solid color-mix(in srgb, var(--color-sky) 34%, transparent);background:color-mix(in srgb, var(--color-sky) 10%, transparent);min-height:34px;color:var(--color-sky-deep);cursor:pointer;border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:600;transition:background .18s,border-color .18s,transform .18s}.write-ai-description-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--color-sky) 54%, transparent);background:color-mix(in srgb, var(--color-sky) 16%, transparent);transform:translateY(-1px)}.write-ai-description-btn:disabled{cursor:not-allowed;opacity:.58}.write-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.write-mode-toggle{border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);-webkit-backdrop-filter:blur(10px);background:#ffffff57;border-radius:8px;padding:3px;display:inline-flex}.write-mode-btn{min-width:56px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.84rem;line-height:1.2;transition:background .2s,color .2s}.write-mode-btn--active{background:color-mix(in srgb, var(--color-sky) 16%, white);color:var(--color-sky-deep)}.write-editor{resize:none;min-height:60vh;font-size:1.1rem;line-height:1.8}.write-placeholder-fade::placeholder{transition:color .3s}.write-preview{min-height:60vh;color:var(--text-primary);padding:0}.write-preview-empty{color:var(--text-tertiary);font-style:italic}.write-error{color:var(--color-sunset);margin:18px 0 0;font-size:.9rem}@media (prefers-color-scheme:dark){.not-found-background__scrim{background:#080c184d}.not-found-content{-webkit-backdrop-filter:blur(4px);background:#0f172ab8;border:1px solid #94a3b82e;border-radius:16px}.not-found-illustration{filter:drop-shadow(0 18px 34px #00000057)}.write-container{--text-primary:#f1f5f9;--text-tertiary:#cbd5e19e}.write-container:before{-webkit-backdrop-filter:none;background:0 0}.write-mode-toggle{background:#0f172a57;border-color:#4755698c}.write-mode-btn--active{background:color-mix(in srgb, var(--color-sky) 24%, #0f172a);color:#e0f2fe}}@media (max-width:767px){.write-container{min-height:calc(100vh - 52px - 56px - env(safe-area-inset-bottom));background-attachment:scroll}.write-editor-wrapper{min-height:calc(100vh - 52px - 56px - env(safe-area-inset-bottom));padding:48px 20px 64px}.write-status{top:14px;right:20px}.write-meta-row{grid-template-columns:1fr;gap:10px}.write-toolbar{align-items:stretch}.write-mode-toggle{flex:auto}.write-mode-btn{flex:1 1 0}.write-editor{min-height:56vh;font-size:1rem;line-height:1.75}}@media (max-width:1023px){.write-workspace-layout{grid-template-columns:minmax(0,1fr);width:min(920px,100% - 24px);padding-top:16px}.write-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media (max-width:640px){.write-workspace-layout{width:100%;padding:0 0 28px}.write-sidebar{grid-template-columns:minmax(0,1fr);padding:0 12px}}}