.CodeEditor{width:100%;height:100%}.CodeEditor label{padding:1rem 1.25rem}.CodeEditor .editor{padding:.7rem 0;font-size:1rem;font-family:inherit;resize:vertical;transition:border-color .2s,background .2s;width:100%;min-width:100%;max-height:100vh;overflow:hidden}@media(min-width:768px){.CodeEditor{max-width:50dvw}}.monaco-editor{border-radius:.5rem}.monaco-editor .selected-text{background-color:var(--color-primary)!important}.monaco-menu,.monaco-scrollable-element>.scrollbar>.slider,.overflow-guard{border-radius:.5rem}.fileInput{width:100%}.fileInput,.fileInput__dropzone{display:flex;flex-direction:column;justify-content:center;align-items:center}.fileInput__dropzone{border:2px dashed var(--color-text);border-radius:12px;padding:24px;background:#f8fafc;transition:all .15s ease-in-out;cursor:pointer;outline:none;min-height:140px;text-align:center;max-width:280px}.fileInput__dropzone:hover{border-color:var(--color-accent);background:#f1f5f9}.fileInput__dropzone.is-drag-active{border-color:#2563eb;background:#e0f2fe;box-shadow:inset 0 0 0 2px rgba(37,99,235,.15)}.fileInput__placeholder{display:grid;grid-gap:8px;gap:8px;justify-items:center;color:#475569}.fileInput__icon{font-size:28px}.fileInput__text{display:grid;grid-gap:2px;gap:2px}.fileInput__text strong{font-weight:700;color:var(--color-accent)}.fileInput__text span{font-size:12px;color:var(--color-primary)}.fileInput__hint{margin-top:4px;font-size:11px;color:var(--color-primary)}.fileInput__fileInfo{width:100%;display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.fileInput__fileMeta{display:grid;grid-gap:4px;gap:4px;min-width:0}.fileInput__fileName{font-weight:600;color:var(--color-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.fileInput__fileSize{font-size:12px;color:#64748b}.fileInput__actions{display:flex;gap:8px;margin-left:auto}.fileInput__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease-in-out,color .15s ease-in-out}.fileInput__btn--secondary{background:#e2e8f0;color:#0f172a}.fileInput__btn--secondary:hover{background:#cbd5e1}.fileInput__btn--danger{background:#fee2e2;color:#b91c1c}.fileInput__btn--danger:hover{background:#fecaca}.fileInput__error{margin-top:6px;font-size:12px;color:#b91c1c}.textInput{gap:1rem}.ColorInput,.textInput{display:flex;justify-content:center;align-items:center;width:100%}.ColorInput{flex-direction:column}.HtmlOutput{width:100%}.pdf-renderer{width:100%;border-radius:.8rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);overflow:hidden;height:100%}.pdf-renderer__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.pdf-renderer__title{color:var(--color-text);font-size:1.1rem;font-weight:600;margin:0}.pdf-renderer__info{display:flex;gap:.75rem;align-items:center}.pdf-renderer__info span{font-size:.75rem;padding:.25rem .5rem;border-radius:.4rem;font-weight:500}.pdf-renderer__size{background:var(--color-primary);color:var(--color-bg)}.pdf-renderer__mode{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.pdf-renderer__error{padding:1rem 1.25rem;background:rgba(255,77,79,.1);border:1px solid var(--color-error);margin:1rem;border-radius:.5rem;text-align:center}.pdf-renderer__error span{color:var(--color-error);font-weight:500}.pdf-renderer__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:1rem}.pdf-renderer__loading span{color:var(--color-text);font-weight:500}.pdf-renderer__spinner{width:2rem;height:2rem;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.pdf-renderer__empty{padding:3rem 1rem;text-align:center}.pdf-renderer__empty span{color:var(--color-text);opacity:.7;font-style:italic}.pdf-renderer__actions{display:flex;justify-content:center;gap:1rem;padding:1rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border)}.pdf-renderer__download-btn,.pdf-renderer__refresh-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-card);color:var(--color-text);font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.pdf-renderer__download-btn:hover,.pdf-renderer__refresh-btn:hover{background:var(--color-bg-tertiary);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.pdf-renderer__download-btn:disabled,.pdf-renderer__refresh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.pdf-renderer__download-btn{background:var(--color-primary);color:var(--color-bg);border-color:var(--color-primary)}.pdf-renderer__download-btn:hover{background:var(--color-accent);border-color:var(--color-accent)}.pdf-preview__toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.pdf-preview__zoom-controls{display:flex;align-items:center;gap:.5rem}.pdf-preview__fullscreen-btn,.pdf-preview__reset-btn,.pdf-preview__zoom-btn{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.25rem;background:var(--color-card);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:.8rem}.pdf-preview__fullscreen-btn:hover,.pdf-preview__reset-btn:hover,.pdf-preview__zoom-btn:hover{background:var(--color-bg-tertiary);transform:translateY(-1px)}.pdf-preview__zoom-level{font-size:.8rem;color:var(--color-text);font-weight:500;min-width:3rem;text-align:center}.pdf-preview__view-controls{display:flex;gap:.5rem}.pdf-preview__container{position:relative;background:var(--color-bg);height:100%;max-height:60dvh;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:1rem}.pdf-preview__iframe{width:100%;height:100%;border:none;border-radius:.5rem;box-shadow:0 4px 20px rgba(0,0,0,.1);transform-origin:center top;transition:transform .2s ease;background:#fff}.pdf-preview__footer{padding:.5rem 1rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);text-align:center}.pdf-preview__file-info{font-size:.75rem;color:var(--color-text);opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.pdf-renderer__header{flex-direction:column;align-items:flex-start;gap:.5rem}.pdf-renderer__info{align-self:flex-end}.pdf-renderer__actions{flex-direction:column}.pdf-renderer__download-btn,.pdf-renderer__refresh-btn{width:100%;justify-content:center}.pdf-preview__toolbar{flex-direction:column;gap:.75rem}.pdf-preview__container{height:50vh;padding:.5rem}.pdf-preview__zoom-controls{order:2}.pdf-preview__view-controls{order:1;align-self:flex-end}}@media(max-width:480px){.pdf-renderer__title{font-size:1rem}.pdf-preview__container{height:45vh}.pdf-preview__fullscreen-btn,.pdf-preview__reset-btn,.pdf-preview__zoom-btn{width:1.75rem;height:1.75rem;font-size:.7rem}}